Posts | Comments

Archive for August, 2008

Kemarin kita dah bahas to do list for a proper websites dari segi quality codes nah sekarang yang kedua ini tentang tingkatan content ama presentasi nah mungkin to do list kali ini pendek banget karena to do list depan panjang :D yaitu berkaitan dengan aksesibilitas web untuk semua user agent baik itu desktop browser, voice browser, mobile phone, automobile-based personal computer, dan lain lain.

kenapa kita perlu membedakan (tingkatan) antara content (atau kalo kayak gw lebih pahamnya postingan blog) ama presentasi (template blog) karena selain banyak menghemat waktu ketika melakukan update postingan terus juga lebih cepet di baca ama browser.

2. a. Apakah situs sudah menggunakan css untuk semua aspek presentasi (fonts, warna, padding, border, dll) ?

Gunakan Style Sheets untuk mengontrol layout dan presentasi!

sumber terkait: www.w3.org/TR/WCAG10/wai-pageauth.html#tech-style-sheets

2.2 Apakah semua gambar penghias yang ada di web sudah dimasukan ke dalam css (header image, footer image, dll) atau apakah kodenya muncul dalam (X)html?

sasaran utama bagi seorang web developer adalah menghilangkan semua presentasi dari kode html, membuatnya bersih dan secara semantik betul.

sumber terkait : www.maxdesign.com.au/presentation/benefits/index07.htm

kemarin malam ketika saya sedang bantu bang sony jaga warnetnya… ternyata tidak sadar bertepatan dengan pengumuman hasil ujian mandiri Universitas Islam Negeri (UIN) Jakarta .. kebanyakan dari mereka tegang menanti pengumuman akan tetapi pengumuman yang dinanti belum juga keluar malam hari itu hingga keesokan paginya.. ketika melihat situs kampus gw ( UIN Jakarta ) mata gw terkunci pada satu sudut di halaman depan situs bagian bawah. disitu ada banner affiliate dari dot co dot cc yang tentunya gw juga punya ;)) . tidak hanya itu sebenarnya banner ini terletak pada halaman master sehingga kemanapun kita pergi banner itu selalu muncul. apakah situs UIN Jakarta kekurangan anggaran ?

capture banner dot co dot cc di situs uin

kegelisahan sebenarnya sudah ada sejak paginya ketika seseorang yang sepertinya calon mahasiswa baru UIN Jakarta ingin menge-print biaya kuliah di uin jakarta bentuk textnya kacau dan melebihi border situs, capturenya seperti ini :

list bayaran yang melebihi border di situs UIN Jakarta

timbul pertanyaan dalam hati .. secara saya juga hoby ngeblog dan berusaha semaksimal mungkin memperhatikan layout dan loading page seluruh blog saya, kampus uin punya fakultas Sains dan Technology, ada ratusan mahasiswa yang mumpuni dan siap menjadi volunteer untuk almamater sendiri, kenapa bisa situs UIN Jakarta memiliki layout yang kacau pada bagian list bayaran UIN ?

selanjutnya ketika saya menelusuri tab fakultas kembali ada kebimbangan dalam hati. kenapa tidak masing-masing fakultas diberikan subdomain (dari www.uinjkt.ac.id/index.php/fakultas/fp.html menjadi www.psi.uinjkt.ac.id/index.php ) dan space hosting untuk dikelola sendiri.. saya yakin untuk ukuran sebuah kampus negeri UIN Jakarta pasti memiliki host space yang besar dan unlimited bandwidth.

sebetulnya saya tidak ingin mengawangkan pikiran saya kemanapun, apalagi ke arah su uzon. Saya jadi ingat ketika situs tourism Indonesia dulu launching mendapatkan perhatian dari banyak blogger Indonesia. mungkin sebagai bahan bisa saya hadirkan situs dari tiga kampus BHMN dan satu kampus swasta sebagai acuan dan masukan untuk webmaster UIN Jakarta.

yang pertama adalah UI tidak ada flash media dah all clean.. beberapa iklan yang saya lihat adalah iklan internal diantaranya adalah opensource ui ini dia capturenya..

capture situs Universitas Indonesia

yang kedua adalah ITB clean juga dan iklan yang saya lihat juga adalah iklan internal, ini dia capturenya ..

capture situs Universitas Teknologi Bandung

yang ketiga adalah UGM sama seperti yang saya sebutkan diatas clean dan iklan adalah iklan internal.

capture situs Universitas Gajah Mada

dan untuk universitas swasta saya pilih situs trisakti.. sekalipun trisakti adalah kampus swasta akan tetapi pada situs trisakti saya juga tidak menemukan iklan lain selain iklan internal.

capture situs Trisakti

mohon sekiranya jika web master dari situs UIN Jakarta membaca ya sekiranya dipertimbangkan kritik dan saran dari saya yang tentunya bukan siapa-siapa melainkan hanya mahasiswa fakultas Psikologi. :D

terakhir saya juga mengucapkan selamat kepada freeculture chapter UINJakarta semoga berkembang dan tetap eksis :D

Ada beberapa yang harus dilakukan untuk membuat web yang cukup aman dan nyaman. diantaranya yang harus dilakukan adalah memastikan pertanyaan ini terpenuhi. akan tetapi mungkin beberapa orang akan menyangsikan kata standar karena bentuk kata itu masih terlalu luas :D nah mungkin akan kita perjelas aja ya Standar disini, standar dalam artian tersedia (html, xhtml, xml, css, xslt, dom, mathml, svg, dll) dan mencapai tahapan tahapan (kode yang valid, kode yang dapat diakses, url yang bersahabat, dll).

perlu di ketahui ini bukanlah hal hal yang sepenuhnya harus dipenuhi akan tetapi banyak hal lain yang mungkin harus ditambah. dalam artian tidak semua yang ada disini harus ditambahkan ke dalam situs yang sedang lo buat atau rawat, akan tetapi lebih pada tuntunan aja :D tuntunan dalam hal

* untuk melihat seperti apa web standard itu
* sebagai pengembangan selama proses produksi suatu web
* sebagai bantuan untuk developer yang tertarik menuju ke arah web yang standar.

1.Kualitas Kode
1.1 apakah situs sudah menggunakan tipe document yang tepat?

tipe document atau lebih dikenal dengan (DOCTYPE (document type declaration)) akan bekerja sebagai validator xhtml yang lo pake, dan harus muncul di bagian paling atas dari setiap web. tipe document adalah komponen kunci dari rata rata halaman web: tanda dan kode css tidak akan tervalidate tanda tipe document di browser seperti mozilla, IE, Opera, etc.

sebuah tipe dokument yang termasuk url penuh memberitahu browser itu untuk merender halaman dalam tipe standard, dan memperlakukan kode ((X)HTML, CSS, and DOM seperti yang anda harapkan.

kalo kita menggunakan tipe dokumen yang lama atau tidak menggunakan tipe dokument sama sekali, browser akan mengkategorikannya dalam mode “quirks” dimana browser akan berasumsi bahwa anda telah menulis dalam tipe dokumen yang lama, kode dan mark up yang invalid yang ada pada industri di awal tahun 1990-an.

1.2 apakah situt sudah menggunakan sebuah set karakter?

jika agen user (Browser) tidak bisa mendetek encoding sebuah karakter yang digunakan dalam dokumen web, user mungkin akan melihat text yang tidak bisa dibaca. Informasi ini penting untuk memaintain dan mengembangkan sebuah situs multilingual, akan tetapi encoding karakter akan terasa lebih penting bagi orang yang membuatnya menggunakan XHTML/HTML or CSS. akan tetapi harus jelas dibedakan antara set karakter dan encoding karakter.

set karater adalah sekumpulan karakter yang telah ditandai dengan angka unik misalnya huruf a dalam unicode dilambangkan dengan 225 dalam decimal atau E1 dalam hexadecimal (secara umum kebanyakan menggunakan hexadecimal) sedangkan encoding karakter adalah :

cara bagaimana set karakter ini diubah ke dalam bentuk bytes untuk di manipulasi di komputer.

1.3 apakah situs sudah menggunakan valid (xhtml)?

kode yang valid akan lebih cepat dirender ketimbang kode yang error. kode yang valid juga akan merender lebih baik daripada kode yang error. browser akan terus menjadi standar mutu, dan sangat penting sekali untuk menuliskan kode secara valid dan memenuhi standar HTML.

1.4 apakah situs menggunakan ccs yang valid?

anda perlu memastikan apakah sudah tidak ada error dalam HTML atau CSS, sejak kesalahan dalam keduanya dapat menyebabkan tampilan yang berbeda.

1.5 apakah situs menggunakan hack css?

pada prinsipnya, hack biasanya tergantung keputusan pribadi, dan mungkin juga pengetahuan yang anda miliki tentang itu, design spesifik yang anda ingin raih.

1.6. apakah situs menggunakan class atau id yang tidak penting?

sebagaimana telah diketahui para developer pasti akan mempelajari dan mendapatkan skill baru yang memungkinkan untuk menghasilkan CSS yang bagus akan tetapi miskin XHTML, secara spesifik, kode HTML akan menjadi penuh dengan div dan id yang tidak berguna. seperti font misalnya :D

1.7. apakah kodenya sudah berstruktur?

secara semantik membetulkan mark up yang menggunakan elemen HTML untuk kepentingannya masing-masing. struktur HTML yang baik memiliki arti semantik untuk semua user agent ( browser tanpa style sheet, text browsers, PDAs, search engines etc.)

1.8. apakah situs mempunyai link patah (broken links)?

Link patah atau Broken links bisa menyebabkan user frustasi dan secara potensial menyebabkan pembaca kabur. link patah juga dapat menyebabkan search engine tidak optimal mengindex situs anda. coba link checker ini sebagai rekomendasi dari gw ;)

1.9. bagaimana kinerja situs dalam kecepatan dan ukuran?

ahh… bete nih loadingnya lama… kebanyakan mungkin itu yang akan didapat kalo misalnya ada survey yang ngecek. bahkan ketika user menggunakan koneksi broadband sekalipun. so bener bener perhatiin yang satu ini lo bisa ikutin tips cara loading lebih cepat di PANDI portal blog

1.10. apakah situs memiliki eror pada javascript?

IE di windows memperboleh kita untuk mengaktifkan debugger yang akan membuka jendela baru dan membiarkan anda mengetahui apakah ada javascript error di situs anda. fasilitas ini tersedia di internet option di tab advance. buang check pada ‘Disable script debugging’.

sebenernya si ada 6 master list tapi biar enak di bahas satu satu aja kali ya :D tunggu postingan berikutnya di PANDI nurdiansyah dot com daftar aja rss feednya ;)) biar nggak ketinggalan.

tanda tangan PANDI

recently the fire of war had recently burn the South Ossetia, I don’t know what the problem, but all news station and news site says this is connected with MoU in 1992 search on Google about this mou im only get this document. that time i was a kid and don’t know anything about news and politics, what i understand is only game. but now, what do I know is war is a destruct and will take many live. so considering the data and knowledge. I can only say from my truly drully deeply heart; stop the war please! try searching the win win solution plz! This post is not only dedicated to war in South Ossetia, but also war in all over the world! stop now! the only war that we must do, is the war against ourself!

Stop the War!

image google search = the40yearplan.com

Tadi lagi ngopi-ngopi di burjo sebelah yang kopinya enak banget hehehe. soalnya bisa ngebon dulu.. :"> ngobrolin masalah nyamuk.

pas bini mas burjonya bangun gara-gara banyak nyamuk masnya ngeluh “dulu mah kamar saya nggak ada nyamuk” katanya begitu. dianya bingung kok tiba-tiba sekarang banyak :-?? so gw bilang aja kan kawat nyamuknya kali bolong mas. terus, kata masnya emang dia abis bolongin kawat nyamuknya tapi cuma segede kabel yang pengen dilewatin kok, masa nyamuk bisa merayap masuk lewat lubang kecil. spontan gw jawab, bisa mas nyamuk sekarang kan dah pinter pinter ;)) (kebetulan ada temen gw yang panggilannya nyamuk) anak TI (Teknik Informatika) lagi die. masnya nyengir.

bener juga sih nyamuk di tiap tempat beda beda. punya club juga kayaknya, nyamuk punya cara tersendiri buat gigit kita. kalo di kebon si itu namanya nyamuk berani mati :)) soalnya pasang badan buat kita gebuk. tapi disini apalagi di dalem warnet nyamuknya pinter banget kalo gigit nyari medan dari badan kita yang susah buat kita gebuk i.e. ketika gw lagi ngetik dia pasti ngicer daerah tumit ama siku tangan. kalo lagi tidur di kost-an beda lagi. pertama kayaknya PBM (Pasukan Berani Mati) dia duluan yang turun buat bikin kesel kita karena terus terusan distimulus kita mau nggak mau mulai beradaptasi dan merespon stimulus itu kan! so ketika kita dah terstimuli yang turun baru deh vampirenya :(( .

duh jadi ngebayangin gw kalo nyamuk itu punya semacam research center di tiap komunitasnya yang mempelajari prilaku mangsa-mangsanya. pas lagi ngebayangin gitu ada juga pikiran nyamuk ada blogger nya juga nggak ya :D

buat om coco yang lagi ikutan lomba busby seo challenge yang dah masuk waktu bulan kedua tetep semangat om.. yakin pasti bisa :D

Resume

Imagining if the mosquito (nyamuk) have a reseach center that learn the attitude surround them. this make me think are that mosquito have a blogger to :D

tanda tangan gw

Pandi Nurdiansyah is | powered by WordPress. Design by Sbobet | Pandi Nurdiansyah.