:2 x2nie! here i am. sometimé feel so lonely. gue TwoNy :coax :upi :ipi :masipi :bih :said :salupe :péyék ,whatever you call me. n Wanna be your friend for better kind.

27 June 2006

Fusion vs Vision

oke, ini tidak bicarain soal reaksi-inti-atom atawa energi fusi/nuclear. tapi tentang penggabungan ide.
kita sedang coba tanggapi complain teman2 soal "kesalahan penerapan XC2" (expand colapse component) yg kemarenan hidden, sekarang aku coba pindahin ke samping. hmmm, seperti dari awal perancangan yg cuma pakai rumus : E=mc2
yang artinya Enaknyasih=men CobaCoba. hasilnya? yaitu tadi EEEE, kenapa begini ya?
wakakakak!
pas waktu desain semua oke, tapi udahnya online, CSS dari oggix belum refresh tuh, padahal dah aku "save" berulang kali. baiklah, ini juga lumayan, bisa smiley di "reply-comment". but still bad?
whatever, I do that!

Fashion vs Function

speed up your site web site optimization cover
basa basi dulu :...
Sepulang dari diskusi kecil antara aku dgn sekelompok programmer Point Of Sales yang sama kalangkabut akan launching Senayan City yang issue-nya sedang dalam percepatan Grand Opening plaza tersebut, yakni rencananya Agustus/September jadi bulan depan (Juli 2006).

Btw, terlepas dari persoalan diatas, dan tanpa bermaxud mengomentari perkembangan plaza tersebut, kita malah jadi sedikit "gaduh" soal Fashion dan Function.


Fashion, istilah untuk menyebutkan elemen antarmuka (interface), yg dianggap menarik perhatian pengunjung.
Function, adalah perkara inti dari desain, yg memuat: kegunaan (usable), manfaat (value add), dan keuntungan (profitable) plus kemudahan transfer (portability).
dan? ya! seperti sudah bisa ditebak diawal, diskusi semacam ini bisa jadi debat yg tak berkesudahan. Karena masing-masing peserta/developer ngotot, bersikukuh dengan teorinya, dan diakui sebagai inovator, trendsetter, accurator, best analist (muluk!!)

ditambah, antara fashion dan function terjadi tumpang-tindih area, artinya kadang fashion merupakan function, dan sebaliknya. pusing!?! `:=|

Kabar baiknya, olok-olok sesama profesi programmer/tekhnisi/desainer ini, lebih terasa sebagai "pembuka cakrawala" dibandingkan diskusi serupa ketika yg dihadapi adalah calon pembeli. --telinga boleh panas, tapi kulkas harus dingin-- wakakaka :)!

hingga sore hari, tidak ada kata bulat, mufakat, atau kompromi. Namun rasanya kita sepakat bahwa kedua unsur tersebut sama penting, satu hal menyangkut harga diri, satu hal lainnya adalah jati diri. hmmmm?

okey, oleh-oleh dari "keributan" tersebut, relevansi untuk blog, kerana aku adalah salah satu yg lebih menitikberatkan "fashion" daripada "function", aku jadi kepikiran: "apakah totally blog-site ku masih diambang wajar?" atau dalam bahasa (sok)-tekhnisnya : "apakah beban appearance cukup imbang dengan performance?"

hehehe, kita coba yuk !
dengan sebuah toolkit pengujian beban web ini : http://www.websiteoptimization.com/services/analyze/
di situ blog-site kamu akan dianalisa, plus ada saran-saran yg aku rasa cukup independen.
sebagai contoh ini adalah analisa blog-site aku (muahahaaaha!) :

Web Page Speed Report

This analyzer is now available at WebPageAnalyzer.com for your convenience.

Learn how to Speed Up Your Site.

URL:http://x2nie.blogspot.com
Title::| whatever !
Date:Report run on Mon Jun 26 13:06:27CDT2006

Diagnosis

Global Statistics

Total HTTP Requests:41
Total Size:189086 bytes

Object Size Totals

Object typeSize (bytes)
HTML:19102
HTML Images:128286
CSS Images:594
Total Images:128880
Javascript:9132
CSS:5520
Multimedia:26452
Other:0

External Objects

External ObjectQTY
Total HTML:1
Total HTML Images:26
Total CSS Images:6
Total Images:32
Total Scripts:2
Total CSS imports:4
Total Frames:0
Total Iframes:0

Download Times*

Connection RateDownload Time
14.4K147.35 seconds
28.8K74.08 seconds
33.6K63.61 seconds
56K38.48 seconds
ISDN 128K12.34 seconds
T1 1.44Mbps1.80 seconds

* Note that these download times are based on the full connection rate for ISDN and T1 connections. Modem connections (56Kbps or less) are corrected by a packet loss factor of 0.7. All download times include delays due to round-trip latency with an average of 0.2 seconds per object. With 41 total objects for this page, that computes to a total lag time due to latency of 8.2 seconds. Note also that this download time calculation does not take into account delays due to XHTML parsing and rendering.

# Congratulations. This site is using HTTP compression, otherwise called content encoding using gzip. The sizes reported here are for compressed content sent from the server to the client.
* CSS alternate stylesheets may be referenced in the HTML but are not actually downloaded until they are needed and are therefore not included in the total page size.

Analysis and Recommendations

  • TOTAL_HTML - Congratulations, the total number of HTML files on this page (including the main HTML file) is 1 which most browsers can multithread. Minimizing HTTP requests is key for web site optimization.
  • TOTAL_OBJECTS - Warning! The total number of objects on this page is 41 - consider reducing this to a more reasonable number. Combine, refine, and optimize your external objects. Replace graphic rollovers with CSS rollovers to speed display and minimize HTTP requests.
  • TOTAL_IMAGES - Warning! The total number of images on this page is 32 , consider reducing this to a more reasonable number. Combine, refine, and optimize your graphics. Replace graphic rollovers with CSS rollovers to speed display and minimize HTTP requests.
  • TOTAL_CSS - Caution. The total number of external CSS files on this page is 4 , consider reducing this to a more reasonable number. Combine, refine, and optimize your external CSS files. Ideally you should have one (or even embed CSS for high-traffic pages) on your pages.
  • TOTAL_MULTIM - Congratulations, the total number of external multimedia files on this page is 2 .
  • TOTAL_SIZE - Warning! The total size of this page is 189086 bytes, which will load in 38.48 seconds on a 56Kbps modem. Consider reducing total page size to less than 30K to achieve sub eight second response times on 56K connections. Pages over 100K exceed most attention thresholds at 56Kbps, even with feedback. Consider contacting us about our optimization services.
  • TOTAL_SCRIPT - Congratulations, the total number of external script files on this page is 2 . External scripts are less reliably cached than CSS files so consider combining scripts into one, or even embedding them into high-traffic pages.
  • HTML_SIZE - Congratulations, the total size of this HTML file is 19102 bytes, which less than 20K. Assuming that you specify the HEIGHT and WIDTH of your images, this size allows your page to display content in well under 8 seconds, the average time users are willing to wait for a page to display without feedback.
  • IMAGES_SIZE - Warning! The total size of your images is 128880 bytes, which is over 30K. Consider optimizing your images for size, combining them, and replacing graphic rollovers with CSS.
  • SCRIPT_SIZE - Warning! The total size of your external scripts is 9132 bytes, which is over 8K. Consider optimizing your scripts for size, combining them, and using compression where appropriate for any scripts placed in the HEAD of your documents.
  • CSS_SIZE - Caution. The total size of your external CSS is 5520 bytes, which is above 4080 bytes and less than 8K. For external files, try to keep them less than 1160 bytes to fit within one higher-speed TCP-IP packet (or an approximate multiple thereof). Consider optimizing your CSS and eliminating features to reduce this to a more reasonable size.
  • MULTIM_SIZE - Warning! The total size of your external multimedia is 26452 bytes, which is over 20K. Consider optimizing your multimedia files for size, or replacing them with lower-bandwidth alternatives, or eliminating them altogether.
Copyright © 2002-2005 Web Site Optimization, LLC

so? wadaw~! blog-site aku banyak rapor merah nih, hmm tapi tuetep (ngotoo) fashion gue bagus lumayan khan, secara gue cita-cita mo jadi seniman (gak kesampaian).
btw, okey. saatnya instropexi! artinya kudu banyak belajar lagi neh, kalau nurutin ego kendiri, artinya enggak "customer care" dunk?
Bagaimana menurut kamu ... ?

24 June 2006

Hani Sayanq

kyaaaa!
"hey Hani.. ini siapa ?" kata bundanya

"kholi Toni."
jawab ia, mengingat-ingat.
itu pas pertama kali ketemu.
rupanya dia nih tau aku dari foto.

bener, inilah she Ahda Raihany Hafsha,
ponakan semata wayang yg dulu kita cerita.
dia paling suka lagu Ilahi-lastu-lilfirdausi-ahla..
aku ndiri ampe setengah hafal kerana disetelin terus.
hmm,,, !
foto ini adalah yg paling imut, menurutku.
(karena cuma ini yg kupunya)
mimpilah yang indah, Hani.

keledai & pencuri

ini kisah kuno tentang orang yg saleh dan keledainya.
suatu hari dicurilah keledai itu saat beliau mengajar ngaji. rupanya pencuri itu telah lama mencari-cari kesempatan. dengan sigap ia bawa kabur saat jalan mulai sepi. namun apa yg terjadi? setelah berlari kencang, keledai itu tidak mau berhenti.
binatang itu terus melesat menerobos hutan dan pencuri itu mulai ketakutan. kenapa? karena mereka menuju ke tebing cadas di ujung hutan, sementara hari kian gelap, dan hewan tunggangannya belum juga terkendali. dia hanya ingin satu hal: mengembalikan curiannya.
seolah menyesali seluruh hidupnya, dia berteriak lantang "Astaghfirullah Alaziiiim.."!
ajaib, sang keledai mendadak berhenti di ujung jurang bebatuan itu, tak jelas kenapa.
terbelalaklah mata pencuri melihat kerikil berjatuhan ke tanah curam. ia takut bukan main. dan sambil menarik nafas panjang, ia bersyukur, karena selamat dari jemputan ajalnya.
"Alhamdulillah..!" sambil membathin "aku sate sampeyan nanti dirumah, .."
engak tahunya keledainya meluncur ke depan (ya kejurang!)

rupanya keledai itu terbiasa kalau dengerin "Astaghfirullah" berarti "rem", kalau "Alhamdulillah" berarti "tancap gas".

whatever

akugak tau!
pokoknya suatu saat nanti, disuatu tempat...
adalah di sini dan sekarang.

asynchronous

iya, ya!
kalau terlalu cepat berjalan, enggak baik juga.

asynchronous! :beda jalan tapi searah!

ini tentang mimpi aku ke depan, pingin jalan di inovasi. tapi kayak apa jadinya?
justru enggak ada contoh. kalau sama dgn yg sudah ada namanya bukan anti-kemapanan.
research! kalau tau apa yg dicari namanya bukan riset kalee?
tapi ide terlalu abstrak malah enggak jelas.

aku sedang berasa gila!
entahlah, tapi ini sedang seru-serunya.

hey! sekarang aku tau! aku tau!
inovasi itu harus sedikit lebih baik dari yang ada.
kalau terlau jauh enggak kelihatan hubungan-keterkaitannya.

dan:
berbedalah!
jika itu memang lebih baik
"hidup tidak selalu selaras,
diperlukan kejutan-kejutan untuk
menemukan alternatif yg lebih baik."

19 June 2006

ga iseng, gak ngerti

kalau kamu lebih suka semua tampak tersedia ... wah, ga didesain untuk tujuan itu blog ini,,, (kaleeee?)
tapi kalau suka iseng, ngeklik sana-sini,,, mencoba, pingin tahu... hehehehehe ...!
YOU ARE WELCOME BACK !
gue sedang misterius (dikiiiit...). so, postingan gue ya di click-click gitu...

18 June 2006

Pemenang Xayembara I

hmmm, baiklah....

tahukah anda apa yg terpendam di lubuk sanubari saya yang paling dalam?
rasa haru!

sedemikian hangat sambutan sahabat2 melampui perkiraan saya tentang theme baru (yg namanya akan saya umumkan).

sebelumnya saya ucapkan banyak-banyak terima kasih atas segenap atensi dan kehadiran Anda di blog saya.
(...halah! kek sambutan kandidat calon wakil sekretaris koperasi kecamatan...)

cukup basa-basinya...

click/buka amplop untuk pemberiahuan nama-nama pemenang.... ENG..ING..EEENG!



untuk yang belum menang, tidak usah berkecil hati. kerana fitur2 yg ada akan saya bahas secara berkala di sini.

Dan mohon maaf, tanpa mengurangi rasa hormat saya, nama-nama terpilih sedikit saya modifikasi untuk tujuan "matching" antara function dan fashion.

Okey, happy today, having fun! see you later. salam!

x2icons

okey, puas bermain JavaScript (sampai mabok script), sekarang waktunya bagi-bagi ilmu.
: aku ada pertanyaan
pinginnya hanya menulis di postingan aku tersenyum :D
nanti jadinya otomatis tampil : aku tersenyum
hmmm..?? enggak sulit kalau tahu caranya!
  1. yg dijamin berhasil, praktis dan sedikit radikal : ya pindah aja dari Blogger ke platform yg menyediakan fasilitas itu, seperti Tabulas.com, atau Blogsome/Wordpress! :)lalu aktifkan fasilitas smiley-nya.
    Ya, tapi itu sedikit gila tapi solusi!
  2. Tapi, gaperlu pindah alamat blog, sebab pada intinya, semua sama yakni: di HTML cuma harus ketulis kek gini : aku sedang tersenyum <img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons6/4.gif" style=vertical-align:bottom">
    kalau di blog kamu bisa dibuat plugin-auto-smiley, ya hasilnya bakal sama dengan milik mereka.
  3. Alat bantu yakni icon2 smiley milik YahooEmoticons bisa dilihat di Yahoo emoticons by mus. ada petunjuk disana, dan, tinggal copy-paste aja. gampang kok!
  4. Tapi kalo otomatis seperti kamu mau, dan blog kamu enggak nyediain feature autosmiley..
  5. ..atau kamu pingin punya autosmiley sendiri... ? hmmm,, kita pasang x2iconPlugin aja, iyuuuuk!.

sedikit ribet sih saat instalasinya..,
tapi setelah sekalinya berhasil, seterusnya kamu punya otomatis smiley. itukah yg kau mau?
neh, click di 3 langkah berikut ini:

Langkah 1 : membuat array


Langkah 2 : membuat function


Langkah 3 : mengaktifkan x2icons


coba dulu deh, kali aja boonq!?

okey, coba kita lihat hasil tutorial ini (hanya contoh,terbatas 5 icon tsb. yg didaftarkan, anda bisa menambah sendiri,nanti!)
ketik sesuatu :
..lalu click >> 1 >> 2.
dan lihat=>
 

Credits


x2iconPlugin
Author : x2nie © June 2006.
some portion using Yahoo (Corp.) Messager Emoticon Artwork

pertama kali terinspirasi dari shoutBox/c-box punya mas Balung yg bisa "naik motor" dan "ngopi dulu"
custom smiley di postingan punya teteh Moeng, Unwinged
large variety smileis di blogfam community.
juga Open/Free Yahoo Emoticon by Mus
nyobain emoticon di blogsome dan request serupa dari teman-teman.
All Right reserved.

Tips n Trics

  • Anda bisa menambah icon anda sendiri. caranya ubahlah array di Langkah 1.
  • ukuran icon (panjang x lebar) tidak harus seragam. namun sebaiknya tinggi sama dengan font yakni 16pixel.
  • Banyaknya icon yg kamu definisikan, tidak memperlambat waktu loading; melainkan jumlah icon yg sedang digunakan saja.
hati-hati dalam penggunaan nama simbol, dan nama container. telitilah huruf kapital!
: Oke deh, berarti.... bisa dipakai untuk shoutbox juga khan?

hahaha! seharusnya sih,, masalahnya shoutbox akan refresh pada waktu user mengclick "shout!"
yang artinya, gambar/icon tadi akan kembali ke simbol awal...!
perlu element-timer agar gambar yg dibalikin ke simbol, dibalik lagi ke gambar. Namun jika itu dilakukan, beban Browser akan berat kalau dijalankan setiap waktu. (padahal memang harus dikerjakan tiap saat)

Di lain kesempatan deh, coba kita bahas khusus untuk masalah ini.
elek ya ben Plugin -logo

Stabillo Style

pingin hitlight seperti pakai spidol Stabillo begini ? atau
yg begini atau malah ini negatif begini !!! atau, kena tipe-ex
gua-m-Punk! (gampang), tinggal tulis <span style="background-color:#66FF99;">begini</span> ?

kalau sering dipakai, buat aja CSS-nya :
<style type="text/css">
.stabilo {background-color:#66FF99; display:inline;}
.stayello {background-color:#FFFF00;}
.negatif {background-color:#010101; color:#FFFFFF;}
.tipex {background-color:#f5edff;color:#666666}
</style>

letakkan kode tersebut di template kamu sebelum </head>
terus ketik seperti biasa di postingan kamu: <span class=""stayello"> yg begini</span> ?

guampang khan!

13 June 2006

pe-er, narxis

minta Pe-Er ama Zawa, kata masih repot eskul. Malah Ichie yg broadcast peer...:) heheh, yaudah. hidup kadang penuh kejutan:

4 jobs you've had in your life
- General Affair (tukang bersih2 + serabutan = pak kebun)
- Instruktur Pemrograman Mataram Bussines School
- Kuli Bangunan (bagian aduk2/ semen) Jakarta
- Programmer/Analist

pingin tau lanjutannya

10 June 2006

GadinqRetax

  • Padi ditanam | benih ditebar. | Semula meniti | Menuai akhirnya.
  • Siang dan malam x2nie belajar | kurang teliti begini jadinya..
Yak muda2an taxia-xia usahaku 3minggu! udah belasan kali bongkar pasang. geser kiri-kanan. tarik sana-sini. tetep aja : ampyuuuun.! terakhir ya.. begini ini.
ada dua pilihan click :
GrowthUp
blog-site standar
supermini
emulasi SonyEricson versi-Z.?

Insya 4JJ1, sabtu depan deh, kita umumkan nama resmi, sekarang kita tampung dulu yg mo masuk. Thanks You All Blogwalker..

Xayembara I

hehe!
Template baru aku ini belum ada namanya.

hayooo..! para pengunjug..... mas-mas, mbak yu, om, tante, aa'-teteh, ncang-ncing, nyak-babeh, adE'2 kabeh... hohoho...!:D
semua boleh ikutan sayembara "kasih nama untuk theme ini", memperebutkan sebuah hadiah :
Exclusive Package Theme "ini". (ver final 1.0).

yeeee!!!! *walah* coy!,,?? ......
kabar baiknya, ini punya beberapa fitur:
  1. Unique-cute desain.
  2. relatif stabil, dan 90% kompatibel dari IE versi 5~7Beta, Mozilla FireFox
  3. Sliding Object (ke atas ke bawah)
  4. ypSlidingMenu (multiple menu ke samping)
  5. Expand Colapse SideBar integrated.
  6. Customizable Yahoo Emoticon for ShoutBox!:-">@};-<):) (runtim-preview enabled)
  7. Easiest-Customizable Links Producer via Script (kayak punya aku nih)
kabar buruknya, template ini didesain untuk Blogger/Blogspot. heheh.. tapi enggak apa2...
terus aku kasih bocoran dikit ya....
  • kayaknya x2nie cenderung nama yg rada funky, lincah, unik, atau yg ramah lingkungan getooo,
  • tapi sangatlah mungkin kreatifitas kalian akan lebih aku sukai, so it's up 2 you!
yow! bagi yg berminat boleh segera davtar di area "comment" ya! gratis, alias enggak diminta apa-apa (kecuali diminta kasih nama buat theme aku.) okey?! please deh, ih![-O<:)">
  • walaaaah... code/resource khan bisa diintip x2tune?
  • kyaaaa, jangan curang dunk!! tapi boleh sih diintip, jangan diapa-apain dulu ya. hehe
Bramakumbara dan Manthili...
sandiwara di radio dulu pas kecil...
Ikutan dunk Sayembara x2nie....
hadiahnya sebuah template exclusive.!!!
yeeeeee!!!
okey.., kita tunggu.... +balas pantunnya!! 3:-O(*):-&

dEsign®

lucu bagi gue, awalnya enggak kebayang bakal jadi apa yaa?.
sederhana idenya: pingin sedikit lebih baik; boleh khan?
template ini pertama gue buat pd pertengahan Mei 2006 di Malang, gue pake :
  • Ms.Notepad untuk edit HTML,
  • Ms.PaintBrush untuk edit Icon
  • dan KPT5 di Corel PhotoPaint 10
  • plus Ms.Picture Manager buat crop/slice/resize gambar
Kenapa? ya karena gue bisanya baru ntuh!
Meskipun Corel Corp. sudah ngeluarin versi 12, gue enggak mau pindah. hanya di Corel® 10 yg ada Plugin KPT5-nya.

&tau enggak sih loe, nih: secara gue amatiran, layout yg sedari awalnya kacau: jadi semakin anjrut-anjrutan. akhirnya gue sadar, merasa beruntung & =bersyukur=, soalnya enggak sengaja gue ngeklik sana sini kok gue malah nemuin keanehan yg indah sehingga lebih banyak muncul ide baru yg menyimpang dari konsep awal. kacau itu awal dari belajar yg bagus. (kaleee?)

di Trowulan (Mojokerto) gue coba upload template, lah kok jadi abrak banget? warakadah! warnet di sono pake IE sedangkan leyot gue selama ini preview pake FireFox. akhirnya?: bongkar ulang! berhasilkah? malah tambah ancur.... mana pas lagi tanggal tua begini? so enggak bisa lama2 di warnet
mbuh wis.

menyesalkah? tapi justru malah tambah semangat kita!

krisis membuat kita kreatif
dan.. begitulah gue curhatin leyot gue ke theman2. bedanya klu di kantor sih bebas pake YM,
klu di dusun ya email aja sudah cukuplah. yaa kecuali kalau udah larut malem.

Terus? gue ketemu sherly n dikasih links belajar java.
terus? enggak terusin garap leyot, malah:belok ke JavaScript. hahaha!
di Jakarta baru deh kita terusin lagi. kali ini tanggal muda, gue explorasi lebih leluasa: buku2 baru.

Hasilnya? ya lumayan.... aku dah sedikit faham bagaimana menjaga kompatibilitisitas.. (wuih!),
itu loh: JavaScript yg gue tanam di page, seringnya gak jalan kalo gue pake di Browser yg berbeda. lega juga akhirnya di Jakarta bisa belajar Flash Action Script sebab pas di Malang enggak ketemu ama mas Zawa. padahal doi khan Flash-nya keren2! tapi enggak bisa dihubungi. kampusnya yg dulu di Bethek, kata udah pindah ..., aku sendiri juga sibuk. (out of topic)

okey.... overall....
secara gue terharu, sebab yg gue ulik-ulik 3 minggu gak kelar2, ternyata hanya dalam 2 hari semua masalah bisa teratasi. di sini kita belajar pakai :
  • Macromedia Dreamweaver MX (ngerapiin layout, checking CSS, JS, browser error)
  • Macromedia Fireworks MX (edit gambar, crop/slicing)
  • Macromedia Flash MX (animasi jam aquadrium)
ngedesain layout jadi begitu mudah!! ,asli! coba aja download di http://www.adobe.com/downloads/

nah... sekarang:
kalau kalian bisa membaca tulisan ini, artinya layout gue dah gue upload.

Jelek ya buatan gue, kalau kalian bilang bagus ya siapa sih yg buat? (*lupa diri mode on*)

wakakaka!
Thanx reading!