<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Bakawan Wordpress Developer &#187; Web Development</title>
	<atom:link href="http://www.bakawan.com/log/tag/web-development/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.bakawan.com/log</link>
	<description>a plain old wp coder</description>
	<lastBuildDate>Mon, 22 Mar 2010 17:54:31 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0.1</generator>
		<item>
		<title>9 Developer Web Berpengaruh di Twitter</title>
		<link>http://www.bakawan.com/log/9-developer-web-berpengaruh-di-twitter/</link>
		<comments>http://www.bakawan.com/log/9-developer-web-berpengaruh-di-twitter/#comments</comments>
		<pubDate>Sun, 14 Jun 2009 20:55:00 +0000</pubDate>
		<dc:creator>uwiuw</dc:creator>
				<category><![CDATA[Uncategorized]]></category>
		<category><![CDATA[Digital Lifestyle]]></category>
		<category><![CDATA[twitter]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[Web Development]]></category>

		<guid isPermaLink="false">http://www.bakawan.com/log/9-developer-web-berpengaruh-di-twitter/</guid>
		<description><![CDATA[Twiter bukan saja tempat kita bertemu teman teman dan membuang stress ke angkasa digital yg infinitif. Melalui, media ini kita juga bisa berbagi pengetahuan dan langsung belajar dari para developer penting di dunia programming dan web development. Caranya dengan mengikuti twet programmer berpengaruh, yg karya mereka ikut merevolusi wajah internet dewasa ini. Ambil contoh, Molly [...]]]></description>
			<content:encoded><![CDATA[<p>Twiter bukan saja tempat kita bertemu teman teman dan membuang stress ke angkasa digital yg infinitif. Melalui, media ini kita juga bisa berbagi pengetahuan dan langsung belajar dari para developer penting di dunia programming dan web development. Caranya dengan mengikuti twet programmer berpengaruh, yg karya mereka ikut merevolusi wajah internet dewasa ini.</p>
<p>Ambil contoh, Molly Holzschlag. Sy suka sekali buku buku karya dia. Walau pun sy mendapatkannya secara ilegal via lapak pembajak cd, sy mengagumi bagaimana dia menyusun dan merangkai argumen sehingga sy mengerti lebih lanjut soal design. Nah, kebetulan, penulis ini memiliki account twetter dan saya pun menjadi salah satu follower dia. Hahaha semacam minum langsung dari mata air.</p>
<h3>9 Twitter Developer Web Berpengaruh</h3>
<p>Ya, menurut saya, 9 orang ini adalah top dog. Mereka adalah penting sepenting karya mereka. Dan memang ada banyak tokoh lain yg berseliweran di alam twitter. Namun, kebetulan, baru sembilan ini yg sy urutkan. Mungkin kamu bisa menambahkan <strong>bila punya rekomendasi kamu</strong>.</p>
<ol>
<li><strong>Molly Holzschlag</strong> (account : <a href="http://twitter.com/mollydotcom">@mollydotcom</a>)
<p>Salah satu Penulis favorit sekaligus pemilik molly.com. Dia mendukung proyek standarisasi web dan saat ini bekerja pada Browser Opera. Molly menulis sekitar 30 buku mengenai web design dan markup. Melalui accountnya, dia rutin memberi informasi menarik mengenai HTML, CSS, XML, dan bahasa markup lain.</p>
</li>
<li><strong>Eric Meyer</strong> (alamat twitter : <a href="http://twitter.com/meyerweb">@meyerweb</a>)
<p>Eric Meyer adalah Tokoh CSS (Cascading Stye Sheets). Bisa dikatakan salah satu pendukung setia web standar, terutama penggunaan CSS yg ikut mewarnai internet via web design</p>
</li>
<li><strong>Rasmus Lerdorf</strong> (<a href="http://twitter.com/rasmus">@rasmus</a>)
<p>Berasosiasi dengan PHP dan Yahoo. Dia adalah programmer pencipta PHP. Kebanyakan isi tweets dia itu kode, yg mana mungkin hal yg kita perlukan.</p>
</li>
<li>
<p><strong>John Resig</strong> ( <a href="http://twitter.com/jeresig">@jeresig</a> )</p>
<p>Resig itu orang dbalik kelahiran jQuery, framework javascipt. Dia juga evangelist javascript mozilla. Umumnya, dia ngetweet tips javascript dan link link berguna bagi siapapun yg sedang mendalami javascript.</p>
</li>
<li><strong>David Heinemeier Hansson</strong> ( <a href="http://twitter.com/dhh">@dhh</a> )
<p>Dia adalah inventor framework Ruby on Rails yg mana sering dipakai pada web aplikasi terpopuler d dunia, termasuk Twitter. Dia tersasosiasi dgn 37signals dan sering kali memberi masukan dan menginformasikan link link menarik mengenai framework ruby.</p>
</li>
<li><strong>Thomas Fuchs</strong> ( <a href="http://twitter.com/thomasfuchs">@thomasfuchs</a> )
<p>Fuchs ialah pembuat script.aculo.us, library AJAX. Dia berasosiasi juga dengan Ruby on Rails dan menjadi core developer yg mendesain prototype library javascript yg menjadi bagian framework ruby. Seperti resiq dan Lerdorf, dia sering menginformasian masalah programming, terutama yg berhubungan dgn javascript.</p>
</li>
<li>
<p><strong>Chris DiBona</strong> ( <a href="http://twitter.com/cdibona">@cdibona</a> )</p>
<p>DiBona berasosiasi dgn google, slashdot, dan komunitas open source. Dia bekerja di google sebagai manager proyek opensource yg bertanggung jawab mengurus google code.</p>
</li>
<li>
<p><strong>Ryan Stewart</strong> ( <a href="http://twitter.com/ryanstewart">@ryanstewart</a> )</p>
<p>Bila kamu suka adobe air, maka Ryan steward adalah salah sattu tokoh penting adobe. Dia tergila gila dengan Rich internet Application dan tak sungan menjawab pertanyaan via tweeter.</p>
</li>
<li><strong>Jack Dorsey</strong> ( <a href="http://twitter.com/jack">@jack</a> )
<p>Singkat kata singkat cerita, dia adalah orang dibalik arsitektur twitter. Keputusan keputusan penting soal bagaimana tweeer sekarang (dan di masa depan) dipengaruhi oleh padangan Jack Dorsey.</p>
</li>
</ol>
<h3>Twitter, Media Belajar Langsung</h3>
<p>hahaha, judul di atas memang terdengar norak. Tapi sangat merdu di telinga mereka yg hidup dan mati di atas jalan belajar otodidak. Sebagai seorang yg belajar sendiri mengenai website, sy mengerti kalau hal yg terpenting itu adalah mengetahui dimana pengetahuan itu bermula. Tentu saja, jawabannya awal mula inovasi itu adalah otak sang developer dan bukan tempat lain. Tapi selain buku, dimanakah media pertama para guru ini menyampaikan pengetahuan ?</p>
<p>Sy rasa blog adalah media paling sering jadi tempat belajar trik dan tips bagi saya. Sesudah itu forum, dimana mereka yg memiliki hasrat serupa bisa saling berbagi informasi. Dan tidak lupa juga, chat room mirc, yahoo messager, dll bisa juga menjadi tempat belajar. Akan tetapi, seiring kemunculan media baru 2.0, twitter bisa menjadi solusi yg lebih baik. Kita bisa bertanya langsung dgn orang yg berkepentingan tanpa jendela pembatas (Bahkan kadang tanpa delay karena langsung dijawab saat itu juga.).</p>
<p>Hehehe selain itu, tidak jarang, penulis dan progammer yg kita follow via twitter itu memberi tips tips penting dan menunjukkan dimana ada artikel menarik, maupun pengumuman penting lain mengenai produk, software, maupun bahasa pemogramman ataupun topik tertentu. Hmm ternyata ada juga kan guna twitter bagi developer selain melepas stress <img src='http://www.bakawan.com/log/wp-includes/images/smilies/icon_biggrin.gif' alt=':D' class='wp-smiley' /> </p>
]]></content:encoded>
			<wfw:commentRss>http://www.bakawan.com/log/9-developer-web-berpengaruh-di-twitter/feed/</wfw:commentRss>
		<slash:comments>15</slash:comments>
		</item>
		<item>
		<title>100 Plugin Firefox untuk Web Development</title>
		<link>http://www.bakawan.com/log/100-plugin-firefox-untuk-web-development/</link>
		<comments>http://www.bakawan.com/log/100-plugin-firefox-untuk-web-development/#comments</comments>
		<pubDate>Sun, 03 May 2009 20:19:00 +0000</pubDate>
		<dc:creator>uwiuw</dc:creator>
				<category><![CDATA[Archieve]]></category>
		<category><![CDATA[Browser Teknologi]]></category>
		<category><![CDATA[javascipt]]></category>
		<category><![CDATA[Mozilla Firefox]]></category>
		<category><![CDATA[Plugin Firefox]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[Web Development]]></category>

		<guid isPermaLink="false">http://www.bakawan.com/log/100-plugin-firefox-untuk-web-development/</guid>
		<description><![CDATA[Firefox itu seperti browser lain, memiliki kelebihan dan kekurangan. Namun satu hal yg membuat sy setia menggunakan browser ini adalah dukungan plugin yg luar biasa. Plugin Firefox ini disediakan Komunitas developer untuk komunitas pemakai firefox. Nah, Berikut ini adalah daftar plugin firefox yg mungkin berguna bagi pengguna browser spesifik, yaitu para web designer. Plugin ini [...]]]></description>
			<content:encoded><![CDATA[<p>Firefox itu seperti browser lain, memiliki kelebihan dan kekurangan. Namun satu hal yg membuat sy setia menggunakan browser ini adalah dukungan plugin yg luar biasa. <a href="http://www.bakawan.com/log/tag/plugin-firefox/" rel="tag" title="1 topic">Plugin Firefox</a> ini disediakan Komunitas developer untuk komunitas pemakai firefox.</p>
<p>Nah, Berikut ini adalah daftar plugin firefox yg mungkin berguna bagi pengguna browser spesifik, yaitu para web designer. Plugin ini bisa sangat berguna saat mendesain website.</p>
<ol>
<li><a href="https://addons.mozilla.org/en-US/firefox/addon/271" rel="nofollow">ColorZilla</a> : Warna adalah elemen desain yg penting. Tidak ada web yg sepenuhnya hitam maupun putih. Selalu dibutuhkan lebih dari satu warna untuk memberi kontras sebuah desain. Plugin ini membantu kita menghasilkan kode warna hexadesimal dari setiap elemen yg ada di dalam halaman web.</li>
<li><a href="https://addons.mozilla.org/en-US/firefox/addon/2290" rel="nofollow">Palette Grabber</a> : Tool yg membuat palet warna dari sebuah website (kemungkinan berupa CSS) dan menghasilkan file image yg bisa dibaca langsung oleh Photoshop, Gimp, dan lainnya.</li>
<li><a href="http://firevox.clcworld.net/" rel="nofollow">Fire Vox</a> : Addon Accesibility yg dibuat Charles Chen. Plugin ini bisa membantu proses pengetesan accesibility website dgn meniru cara kerja screen reader.</li>
<li><a href="https://addons.mozilla.org/en-US/firefox/addon/2076" rel="nofollow">JSView</a> : Plugin ini membolehkan kita melihat source code file file javascript dalam sebuah website. Plugin ini mempercepat kerja kita <a href="http://www.bakawan.com/log/optimasi-performa-web-dari-sisi-klien-2/">memperbaiki kinerja sisi klien web</a>.</li>
<li><a href="https://addons.mozilla.org/en-US/firefox/addon/216" rel="nofollow">JavaScript Debugger</a> : Plugin ini membantu kita mengetes file javascript dan melihat secara seksama apakah ada masalah pada script. Sebagai catatan, plugin ini sesekali bentrok dengan firebug, salah satu plugin wajib para developer web.</li>
<li><a href="https://addons.mozilla.org/de/firefox/downloads/file/28678/" rel="nofollow">Web Developer</a> : Plugin ini akan menambahkan menu dan toolbar yg berisi berbagai tool developer web. Sy memakainya sejak zaman firefox 1.0 dan tetap menginstal addon ini tiap kali upgrade firefox terbaru. 
<p>Screenshot Web Developer <img src="http://lh3.ggpht.com/_xEymQyrUTdE/SkR7TyRP3jI/AAAAAAAAAJ4/WRWWW1ogNYE/1.png?imgmax=200" height="150" alt="1.png" width="200" /></p>
</li>
</ol>
<h3>Penutup</h3>
<p>Saat ini jumlah plugin web design ini baru ada empat. Sy berencana menambahkan seluruh yg biasa sy pakai. Setau saya ada banyak. Tapi anggap saja ini persiapan sebelum menyempurnakan daftar ini. Mungkin lebih banyak plugin javascipt atau menambahnya dgn plugin standar seperti firebug.</p>
<p>Ok, angka 100 di atas bukan sepenuhnya hoax. Kami berencana jumlah ini tidak cuma 4 tapi lebh dab lebih banya lagi. Memang saat ini baru segini. Tapi tunggu saja tanggal mainnya hahahaha. asem.</p>
<h3>Internal Artikel</h3>
<ol>
<li><a href="http://www.bakawan.com/log/accesibility-3-google-app-dan-fire-vox/">Accesibility 3 Google App dan Fire vox</a> : Mengenai berita accesibility google app. Namun yg paling penting adalah review singkat Fire Fox, addon firefox yg bisa meniru cara kerja screenreader.</li>
</ol>
<p>Makasih Banyak bagi mereka yg membaca (dan kemudian memberi rekomendasi tambahan plugin bila ternyata ada nama besar yg terlewat <img src='http://www.bakawan.com/log/wp-includes/images/smilies/icon_biggrin.gif' alt=':D' class='wp-smiley' />  )</p>
]]></content:encoded>
			<wfw:commentRss>http://www.bakawan.com/log/100-plugin-firefox-untuk-web-development/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Survey Web Design 2008 AlistApart</title>
		<link>http://www.bakawan.com/log/survey-web-design-2008/</link>
		<comments>http://www.bakawan.com/log/survey-web-design-2008/#comments</comments>
		<pubDate>Wed, 08 Apr 2009 06:42:00 +0000</pubDate>
		<dc:creator>uwiuw</dc:creator>
				<category><![CDATA[Diary]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[Web Development]]></category>

		<guid isPermaLink="false">http://www.bakawan.com/log/survey-web-design-2008/</guid>
		<description><![CDATA[Bila kita, orang orang yg membuat website, ingin dunia tau siapa kita dan apa yg kita kerjakan, maka hal ini tergantung keinginan kita untuk muncul dan mempresentasi dunia kerja web developer itu sendiri. Tahun lalu melalui survey Alistapart, 30 ribu orang menjawab panggilan ini. Mereka mengambil waktu singkat dari jadwal nan padat untuk menjawab pertanyaan [...]]]></description>
			<content:encoded><![CDATA[<p>Bila kita, orang orang yg membuat website, ingin dunia tau siapa kita dan apa yg kita kerjakan, maka hal ini tergantung keinginan kita untuk muncul dan mempresentasi dunia kerja web developer itu sendiri. Tahun lalu melalui survey Alistapart, 30 ribu orang menjawab panggilan ini. Mereka mengambil waktu singkat dari jadwal nan padat untuk menjawab pertanyaan yg terkadang mendetail dan membutuhkan pemikiran mendalam sebelum menjawab.</p>
<p>Dibandingkan mendownload (PDF) white paper, alistapart memutuskan mempresentasikan hasil survey di halaman web. Artinya, sebagai penambahan dan analisa data, alistapart harus melaporkan data data ke dalam data table XHTML. Saat ini (april 2009), website tsb disimpan di lokasi temporer sementara tim mereka menyelesaikan beberapa masalah back end. Permanen URL akan dipublikasi secepatnya. Sementara itu, kita bisa berkunjung ke website temporer untuk melihat apakah kontribusi para partisipan ini dalam mendefinisikan profesi <a href="http://www.bakawan.com/log/tag/web-development/">web development</a> ini.</p>
<p>Hal hal yg menarik bagi sy adalah tingkat skill yg biasa dibutuhkan dalam dunia web. Hmm hitung hitung melihat, diusia yg masih ranum seperti sekarang, skill coding apa lagi yg kami perlukan untuk berkembang. Berikut ini adalah 14 jenis skill web dan presentase hasil survey.</p>
<ol>
<li>Bahasa Markup seperti <a href="http://www.bakawan.com/log/tag/html/">HTML</a>, XHTML dan XML (88.6%)</li>
<li><a href="http://www.bakawan.com/log/tag/css/">CSS coding</a> (85.6%)</li>
<li>Page layout dan desain Interface (82.2%)</li>
<li>Editing Image dan Produksi via tool seperti <a href="http://www.bakawan.com/log/tag/photoshop/">photoshop</a> (68.7%)</li>
<li><a href="http://www.bakawan.com/log/100-tehnik-usability-website/">Ilmu Usability website</a> (61.3%)</li>
<li>Graphic Design (61.0%)</li>
<li>Information architecture, wireframing, sitemapping (57.0%)</li>
<li>Front-end programming seperti JavaScript (56.8%)</li>
<li>Back-end development seperti PHP, Ruby on Rails, <a href="http://www.bakawan.com/log/tag/asp/">ASP</a> (55.1%)</li>
<li>Manajemen Proyek (51.4%)</li>
<li><a href="http://www.bakawan.com/log/tag/blogging/">Menulis dan mengedit konten</a> (46.9%)</li>
<li><a href="http://www.bakawan.com/log/tag/accessibility/">Accessibility testing</a> (46.0%)</li>
<li>Findability/<a href="http://www.bakawan.com/log/tag/seo/">search engine optimization</a>/search engine marketing (41.1%)</li>
<li>Other (10.5%)</li>
</ol>
<p>Survey tahun 2008 ini menarik karena menunjukkan kalau ada batas jelas antara full time dan freelance web designer professional. Perbedaan ini bisa berupa bagaimana cara kerja, berapa penghasilan, dan apa yg kita sukai dari pekerjaan web ini. Menariknya, meskipun disebabkan resesi global, kebanyakan yg menjawab survey itu beranggapan kalau pekerjaan ini memiliki tingkat keamanan, kepuasan, dan masa depan cerah. Iya, website itu lebih menjanjikan daripada kerja dim bidang manapun hehehe klaim sepihak yah <img src='http://www.bakawan.com/log/wp-includes/images/smilies/icon_biggrin.gif' alt=':D' class='wp-smiley' /> </p>
<p>Btw, situs temporer penyimpanan survey ini ada di <a href="http://aneventapart.com/" rel="nofollow">aneventapart.com</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.bakawan.com/log/survey-web-design-2008/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Desain API dan Kultus Produk Apple</title>
		<link>http://www.bakawan.com/log/desain-api-dan-kultus-produk-apple/</link>
		<comments>http://www.bakawan.com/log/desain-api-dan-kultus-produk-apple/#comments</comments>
		<pubDate>Thu, 16 Oct 2008 01:01:00 +0000</pubDate>
		<dc:creator>uwiuw</dc:creator>
				<category><![CDATA[Archieve]]></category>
		<category><![CDATA[Apple]]></category>
		<category><![CDATA[Facebook]]></category>
		<category><![CDATA[Web Development]]></category>

		<guid isPermaLink="false">http://www.bakawan.com/log/?p=710</guid>
		<description><![CDATA[Sebelumnya, sy menulis artikel Pengantar Facebook API dan API Third Party. Artikel ini membantu kita memahami mengapa mendesain API itu vital bagi web aplikasi populer seperti flickr, Amazon, Google dan Facebook. Latar Belakang penulisan posting ini, sekali lagi, demi memahami API dan Facebook API. Latar Belakang Posting Kemarin sy baru saja baca ebook gratis karya [...]]]></description>
			<content:encoded><![CDATA[<p><img src="http://farm4.static.flickr.com/3626/3435659986_97664c27b9.jpg" height="94" alt="apple-logo.gif" width="80" />Sebelumnya, sy menulis artikel <a href="http://www.bakawan.com/log/pengantar-facebook-api-dan-api-third-party/" title="Facebook API">Pengantar Facebook API dan API Third Party</a>. Artikel ini membantu kita memahami mengapa mendesain API itu vital bagi web aplikasi populer seperti <a href="http://www.bakawan.com/log/tag/flickr/" rel="tag" title="Flickr Related tag">flickr</a>, <a href="http://www.bakawan.com/log/tag/amazon/" rel="tag" title="Amazon tag">Amazon</a>, <a href="http://www.bakawan.com/log/tag/google/" rel="tag" title="berita Google teknologi">Google</a> dan <a href="http://www.bakawan.com/log/tag/facebook/" rel="tag" title="tag facebook">Facebook</a>. Latar Belakang penulisan posting ini, sekali lagi, demi memahami API dan Facebook API.</p>
<h3>Latar Belakang Posting</h3>
<p>Kemarin sy baru saja baca ebook gratis karya Joshua Bloch, <strong>How to Design a Good API and Why it Matters</strong>. E-book Desain API ini memberi gambaran prinsip desain API yg dibutuhkan siapapun yg menjadi berniat menjadi <strong>developer Facebook</strong> sebagaimana yg pernah sy siratkan pd posting <a href="http://www.bakawan.com/log/4-konon-facebook-some-reason-why-i-start-to-join-facebook/" rel="bookmark" title="Facebok">mengapa sy mulai daftar dan login Facebook</a> dan <a href="http://www.bakawan.com/log/bagaimana-cara-keluar-dari-frienster/" title="berhenti main friendster">keluar dari dunia friendster</a>.</p>
<h3>Pengantar API dan Desain API</h3>
<p>Apa itu API ? Dan mengapa sebuah situs populer perlu mendesain API bagi aplikasi web mereka ? Pengetahuan desain software seperti API akan membantu kita meningkatkan level fungsi web aplikasi seandainya situs buatan kita menjadi web aplikasi populer dan diproyeksikan sebagai <a href="http://www.bakawan.com/log/tag/startups/" rel="tag" title="silicon valley startups">perusahaan startups potensial</a>, rising star ranah internet yg menarik investasi investor VC (Venture Capital). Dengan bekal <strong>desain API</strong>, kita dapat dgn mudah mengembangkan fungsi web.</p>
<p>Maksud analitik mengenai kegunaan API ini adalah demi meningkatkan interaksi antara Tim developer internal dengan user fanatik web aplikasi, terutama apabila user fanatik tsb memiliki pengetahuan mendalam mengenai programing aplikasi web dan desain software. Sehingga dari pada menulis <strong>puisi cinta</strong> dan mengirim kartu lebaran, para penggemar itu bisa membuat third party software pendukung web aplikasi.</p>
<h3>Fungsi Manajemen API</h3>
<p>Banyak Kegunaan API. Selain bagi bagi rejeki dengan pihak di luar lingkaran perusahaan, tim developer internal akan terbantu berkat dedikasi penggemar rahasia ini. Dengan upgrade level fungsi, web aplikasi akan tetap mampu menarik pengunjung baru. Regenerasi user baru tetap terjaga. Otomatis, web aplikasi tetap memiliki daya saing menghadapi persaingan sengit antar web aplikasi dengan niche sejenis.</p>
<p>Ambil contoh, <a href="http://www.bakawan.com/log/tag/wordpress/" rel="tag" title="Tag wordpress">WordPress</a> yg coding core cms wordpress mereka dikontrol programmer seluruh dunia dan Automatic, Perusahaan Matt Wullenberg. Sementara pesaing utama wordpress, yaitu Blogspot sepenuhnya dikendalikan tim developer <a href="http://google.com">Google</a>.</p>
<h3>Marketing API</h3>
<p>Penggemar itu wajib. Apalagi bila kesetiaan mereka sampai tahap kultus produk. Mereka memuja dan membela produk perusahaan kita seperti pasukan berani mati, tanpa peduli apakah ada keuntungan atau kerugian finansial bagi mereka.</p>
<ul>
<li>Para Pecinta Produk ini adalah Publik Relation staff yg rela bergerilya ke sahabat dan keluarga sambil mengkotbahkan kehebatan produk perusahaan kita.</li>
<li>Mereka adalah pemain ke-12 dalam sebuah tim sepakbola.</li>
<li>Mereka seperti prajurit perang suci, dengan kitab suci di tangan kiri dan pedang di tangan kanan, terhunus pasti ke muka saingan perusahaan kita.</li>
<li><strong>Mereka adalah mimpi basah setiap manager marketing dan CEO perusahaan</strong>. Mereka memuja produk kita layaknya Berhala teknologi dunia baru.</li>
</ul>
<h3>Kultus Produk Apple</h3>
<p>Produk Komputer Hardware yg paling sering menghasilkan fanatisme setingkat dogma agama adalah perusahaan Apple. Seluruh <a href="http://www.bakawan.com/log/handphone-google-gi-versus-iphone/" title="MAc Lover vs Gphone user">pecinta Apple Mac</a> terkenal memiliki kesetiaan merek. <del>Untuk menfitnah mereka lebih jauh</del>, mari kita lihat hasil jawaban quiz berikut yg mungkin bisa memetakan betapa irasional mereka ini hahaha mampus lu! Ruen hehehe kesetiaan lu sama Appla itu di luar akan sehat. Piss! Piss!</p>
<ol>
<li>Siapa penemu benua amerika ? Bukan Columbus, tapi <strong>Steve jobs</strong>, CEO Perusahaan Apple.</li>
<li>Apakah merek mobil tercepat di dunia ? bukan Ferrari, melainkan <strong>Apple inc</strong>.</li>
<li>Mengapa Indonesia bisa menjadi negara yg lebih baik ? Gunakan Laptop <strong>Mac Book Pro</strong>. Pasti! lupakan kaizen jepang, atau investasi gaya syariah banking. Gunakan produk apple, maka kita pasti berjaya hahahahah wae!</li>
</ol>
<h3>Kesetian Merek</h3>
<p>Para penggemar produk Apple itu benar benar sekumpulan pecinta buah buahan yg tak waras huehuehue ampun Ruen! Sy emang ngak mau laptop sy diisi <strong>Mac Os</strong> apapun janji manis khotbah fanatik kamu. Sy ngak mau murtad dan ikut pindah agama Apple hehehe Sampurasul! Makanya kurangi menonton animasi kartun avatar yg subversive agar kamu kembali waras. Kembalilah ke jalan <a href="http://www.bakawan.com/log/tag/naruto-fans/" title="Fans Naruto">naruto manga</a> yang baik dan benar hagahagahaga</p>
<p>Sebagai sesama Manga Freak, lupakan avatar. Manga avatar itu memiliki jalan cerita yg tidak eksotis karena jalur jalan cerita yg linear. Bukankah kita sama sama bosan storyboard linear avatar karena mirip perjalanan klasik super hero dan pendekar jaman dahulu yg biasa kita baca di komik silat kayak <strong>Kho Ping Ho</strong> dan <strong>Tiger Wong</strong> hehehe, apakah kamu lupa kalau kamu bosan setengah mati ?</p>
<p>Update : Btw, posting ini sudah dibagi kedalam 2 bagian terpisah. Pada bagian kedua, penjelasan lebih difokuska pada desain API itu sendiri. Jadi nikmati saja <a href="http://www.bakawan.com/log/desain-api-dan-kultus-produk-apple-part-2/" title="Desain API">desain api dan kultus produk apple part 2</a>. Semoga bermanfaat <img src='http://www.bakawan.com/log/wp-includes/images/smilies/icon_biggrin.gif' alt=':D' class='wp-smiley' /> </p>
<p class="zoundry_raven_tags">
]]></content:encoded>
			<wfw:commentRss>http://www.bakawan.com/log/desain-api-dan-kultus-produk-apple/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>Pengantar HTML dan Browser</title>
		<link>http://www.bakawan.com/log/pengantar-html-dan-browser/</link>
		<comments>http://www.bakawan.com/log/pengantar-html-dan-browser/#comments</comments>
		<pubDate>Wed, 20 Aug 2008 01:01:00 +0000</pubDate>
		<dc:creator>uwiuw</dc:creator>
				<category><![CDATA[Uncategorized]]></category>
		<category><![CDATA[Browser Teknologi]]></category>
		<category><![CDATA[Web Development]]></category>

		<guid isPermaLink="false">http://www.bakawan.com/log/?p=476</guid>
		<description><![CDATA[Setiap Perintah HTML menyuruh web browser menampilkan sebuah halaman situs. Setiap perintah HTML disusun dan dikurung dengan tanda &#60; &#62; . Secara rutin, perintah perintah HTML barusan akan menyuruh browser mulai atau berhenti menampilkan halaman situs. Sebagai contoh, untuk menyuruh browser mulai menulis gaya tulis Bold, maka kita harus menulis &#60;strong&#62;. Dan untuk menyuruh browser [...]]]></description>
			<content:encoded><![CDATA[<p>Setiap Perintah HTML menyuruh <a href="http://www.bakawan.com/log/tag/browser-teknologi/">web browser</a> menampilkan sebuah halaman situs. Setiap perintah HTML disusun dan dikurung dengan tanda &lt; &gt; . Secara rutin, perintah perintah HTML barusan akan menyuruh browser mulai atau berhenti menampilkan halaman situs.</p>
<p>Sebagai contoh, untuk menyuruh browser mulai menulis <strong>gaya tulis Bold</strong>, maka kita harus menulis &lt;strong&gt;. Dan untuk menyuruh browser berhenti menulis tebal atau Bold, maka kita harus menutupnya dengan &lt;/strong&gt;</p>
<p>Kita bisa menggunakan notepad membuat file html atau softtware editor teks lain. Yang penting hasil coding kita disimpan ke dalam file dgn ekstensi .htm atau .html.. Kemudian kamu bisa <a href="http://www.bakawan.com/log/tag/web-design/">mengetes hasil coding</a> kamu menggunakan browser.</p>
<p>Cara menggunakan browser sangat sederhana, yaitu kamu click file browser dan kemudian drag and drop atau open file html hasil coding barusan. Setiap kali kamu ingin melihat hasil akhir editan kamu, maka tinggal menekan tombol refresh atau tombol keyboard F5.</p>
<p>Pada notepad, pada setiap bagian atas coding, kamu letakkan tag html &lt;html&gt; untuk memberitahu browser kalau file kamu berisi coding standar HTML. Setelah tag umum barusan, maka informasi halaman situs akan berupa aspek umum sebuah halaman situs. Cara memberitahu browser kalau informasi berupa aspek general maka tulis &lt;head&gt;. Tag html head ini akan berisi informasi font, latar belakang atau background file, etc. <a href="http://www.bakawan.com/log/tag/seo/">Keyword untuk SEO</a> juga bisa diletakkan pada bagian umum sehingga searche engine dapat menggunakan kata kunci keyword itu untuk menemukan halaman website kamu.</p>
<p>Hehehehe terlihat sekali kalau sy cuma iseng menulis posting ini karena cuma tulisan pemanasan penulisan <a href="http://www.bakawan.com/log/tag/google">google</a> dan <a href="http://www.bakawan.com/log/nasib-web-designer-teraniaya-google-chrome/">google chrome</a> yg sayang dibuang begitu saja seperti tisu. Tapi lumayan demi pengetahuan mendalam dgn maksud analitik analisa jelas. <img src='http://www.bakawan.com/log/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
]]></content:encoded>
			<wfw:commentRss>http://www.bakawan.com/log/pengantar-html-dan-browser/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Pengantar Facebook API dan API Third Party</title>
		<link>http://www.bakawan.com/log/pengantar-facebook-api-dan-api-third-party/</link>
		<comments>http://www.bakawan.com/log/pengantar-facebook-api-dan-api-third-party/#comments</comments>
		<pubDate>Fri, 20 Jun 2008 01:01:00 +0000</pubDate>
		<dc:creator>uwiuw</dc:creator>
				<category><![CDATA[Archieve]]></category>
		<category><![CDATA[Facebook]]></category>
		<category><![CDATA[Web Development]]></category>

		<guid isPermaLink="false">http://www.bakawan.com/log/pengantar-facebook-api-dan-api-third-party/</guid>
		<description><![CDATA[Disclaimer : Posting ini disemangati 4 konon soal mengapa pindah ke Facebook itu lebih baik daripada tetap di friendster. Setidaknya bagi mereka yg gampang bosan, platform Facebook bisa menjadi solusi singkat sindrom kekurangan mainan. iya, kita bisa menjadikan Facebook mainan, area explorasi programing. Setiap situs yg terkenal dibangun diatas platform API. Ambil contoh Flickr, mereka [...]]]></description>
			<content:encoded><![CDATA[<p><img src="http://farm4.static.flickr.com/3658/3441717730_632e02ca4f.jpg" height="140" alt="facebookfreesms.jpg" width="100" /></p>
<p>Disclaimer : Posting ini disemangati <a href="http://www.bakawan.com/log/4-konon-facebook-some-reason-why-i-start-to-join-facebook/" title="Alasan pakai facebook">4 konon soal mengapa pindah ke Facebook</a> itu lebih baik daripada tetap di friendster. Setidaknya bagi mereka yg gampang bosan, platform Facebook bisa menjadi solusi singkat sindrom kekurangan mainan. <em>iya</em>, kita bisa menjadikan Facebook mainan, area explorasi programing.</p>
<p>Setiap situs yg terkenal dibangun diatas platform API. Ambil contoh Flickr, mereka memiliki Flickr API yg didesain dengan tujuan agar memudahkan <strong>Third party developer</strong> mendesain aplikasi. Selain flickr, mungkin contoh terdekat di hati blogger adalah Akismet, spam slayer. Akismet menyediakan API sehingga tiap owner blog bisa melawan serangan spam.</p>
<p>Bekerja dengan API adalah salah satu alasan mengapa pengembangan web application itu menyenangkan. Konsep API lahir dilandasi kebutuhan integrasi web aplikasi (baik flickr, amazon, dll) dengan third party software (yg bukan pegawai perusahaan mereka namun berperan sebagai developer freelance untuk sistem yg mereka bangun).</p>
<p>Alasan mengapa API harus ada itu sudah jelas yaitu agar third party bisa membuat aplikasi pendukung. Akan tetapi <a href="http://flickr.com/" rel="nofollow" title="yahoo best image keeper">Flickr</a>, <a href="http://google.com/" title="google search engine">Google</a>, ataupun situs seperti <a href="http://amazon.com/" rel="nofollow" title="amazon buy book">Amazon</a> memiliki semua dana yg dbutuhkan untuk menyewa ronin developer dan membangun setiap aplikasi yg dibutuhkan namun mereka tidak melakukan. Malah mereka mendorong pihak lain melakukan pengembangan bagi mereka. Mengapa ?</p>
<blockquote><p>Penyebabnya apabila mereka mendominasi setiap sisi platform mereka maka mereka baru saja melanggar hukum alam di dunia pemograman : <em>Bila kamu punya mainan, maka ajak yg lain donk yg lain</em>. <em>Siapa tau kita bisa bagi bagi rejeki</em></p>
<p>Hehehe ngasal&#8230;&#8230;:D</p>
</blockquote>
<p>Third party adalah fondasi kemasyhuran. Contohnya, windows. Windows memiliki windows API. Sy percaya yang membedakan antara operating system (OS) itu bukan superioritas melainkan seberapa banyak third party yg mendukung platform OS tsb.</p>
<p>Bisa dikatakan <a href="http://linux.org/" rel="nofollow" title="linux website euy">Linux</a> tidak lebih jelek daripada windows, namun selamanya tux, sang pinguin linux, bakal merana karena kebanyakan user akan tetep memilih windows apabila third developer pendukung linux masih minim.</p>
<p>Linux itu keren tapi kurang aplikasi pendukung yg juga keren Bahkan yg terburuk adalah tidak ada game yg bener bener layak disebut game yg berjalan di linux. Membuat label linux bagi kebanyakan user adalah elite, misterius, dan jelas jelas tidak untuk semua user.</p>
<p>Kebanyakan <a href="http://www.bakawan.com/log/desain-api-dan-kultus-produk-apple/" title="Desain API programming">desain API</a> membatasi fungsi, atau setidaknya menumbuhkan tipe fungsi tertentu dibanding lainnya. Misalnya Flickr mengembangakan tipe fungsi manipulasi image dan upload image, sementara Amazon lebih mengembangkan verifikasi paypal. Alasan dibaliknya agar ada keselamatan dan jaminan bahwa third party itu <em>behave</em> sesuai dengan yg diinginkan.</p>
<p class="zoundry_raven_tags">
]]></content:encoded>
			<wfw:commentRss>http://www.bakawan.com/log/pengantar-facebook-api-dan-api-third-party/feed/</wfw:commentRss>
		<slash:comments>6</slash:comments>
		</item>
		<item>
		<title>Teknik Webmaster dgn IP delivery, Geolocation, dan Cloaking</title>
		<link>http://www.bakawan.com/log/teknik-webmaster-dgn-ip-delivery-geolocation-dan-cloaking/</link>
		<comments>http://www.bakawan.com/log/teknik-webmaster-dgn-ip-delivery-geolocation-dan-cloaking/#comments</comments>
		<pubDate>Thu, 03 Apr 2008 01:32:00 +0000</pubDate>
		<dc:creator>uwiuw</dc:creator>
				<category><![CDATA[Archieve]]></category>
		<category><![CDATA[Google WebMaster Tool]]></category>
		<category><![CDATA[Search Engine]]></category>
		<category><![CDATA[Web Development]]></category>
		<category><![CDATA[Webmaster]]></category>

		<guid isPermaLink="false">http://www.bakawan.com/log/?p=969</guid>
		<description><![CDATA[Ada banyak tehnik webmaster yg tersedia di internet. Namun sy lebih tertarik dengan yg berhubungan dengan google webmaster tool. Alasannya karena google tool ini sering beroperasi bersama googlebot. Spider google ini memang penyedia informasi yg ditampikan pada tool tsb. Jadi posisi googlebot itu vital bagi search engine. Karenanya, sy tertarik teknik optimasi SEO yg memaksimalkan [...]]]></description>
			<content:encoded><![CDATA[<p>Ada banyak tehnik <a href="http://www.bakawan.com/log/tag/webmaster/">webmaster</a> yg tersedia di internet. Namun sy lebih tertarik dengan yg berhubungan dengan google webmaster tool. Alasannya karena <a href="http://www.bakawan.com/log/tag/google-tool/">google tool</a> ini sering beroperasi bersama <a href="http://www.bakawan.com/log/goolgebot-redirect-errors/">googlebot</a>. <a href="http://www.bakawan.com/log/spider/">Spider google</a> ini memang penyedia informasi yg ditampikan pada tool tsb. Jadi posisi googlebot itu vital bagi search engine. Karenanya, sy tertarik teknik optimasi SEO yg memaksimalkan manfaat gogolebot agar <a href="http://www.bakawan.com/log/tag/google/">google</a> menambah visit pengunjung dan total pageview blog saya.</p>
<p>Berikut ini adalah beberapa metode tak lazim yg bisa dipakai webmaster :</p>
<ol>
<li><strong>Geolocation</strong> : Usaha menampilkan konten berbeda bagi user berdasar lokasi mereka. Sebagai webmaster, kamu bisa menentukan lokasi pengunjung dari informasi yg kamu simpankan pada cookie mereka. Cara lain yg sering dipakai ialah dengan membaca IP address ataupun informasi login mereka. Sebagai contoh, bila website kita itu tentang gambar cewek cantik, kamu bisa menggunakan teknik geolocation untuk memperlihatkan foto siapa yg tampil di bagian banner homepage. Seandainya pengunjung berasal dari indonesia, maka foto Dian Sastrowardoyo akan tampil. Lalu, seandainya, ternyata pengunjung itu warga malaysia maka otomatis halaman depan diisi foto Siti Nurhalizah.
<p>Kunci teknik geolocation ini adalah cara memperlakukan googlebot seolah dia adalah user yg berasal dari lokasi negara serupa, IP range, dll. Ps : Jangan pernah memperlakukan Googlebot seolah dia berasal dari asal negara terpisahnya. Tehnik semacam ini dihitung cloacking. Teknik webmaster ini dihitung ilegal sesuai peraturan google dan akan diberi pinalti bila ketahuan. Coba baca penjelasan teknik nomor 3.</p>
</li>
<li><strong>IP delivery</strong> : Kita bisa menampilkan konten berbeda pada pengunjung website berdasar alamat IP address. Alasannya disebabkan alamat IP itu memberikan informasi geografis. Karena IP delivery dapat dilihat sebagai tipe geolocation spesifik, maka aturan tertentu berlaku. Googlebot harus melihat konten yg sama dengan yg user biasa liat. Bila googlebot datang dari alamat IP negara indonesia, maka apa yg spider google ini lihat adalah apa yg user indonesia baca.</li>
<li><strong>Cloaking</strong> : Kita bisa mengembangkan website yg mampu menampilkan konten berbeda bagi user dan googlebot. Perlu diingat, tindakan ini melanggar panduan google webmaster. Bila sebuah file yg googlebot liat itu tidak identik dengan file yg pengunjung biasa liat, maka website tsb berada di ambang penalti google. Aplikasi program seperti md5sum dan diff mampu mengkomputasi hash memverifikasi 2 buah file itu identik.</li>
</ol>
<p>Note : Ada catatan tambahan dimana cloacking bisa bebas dari pinalti. Dengan mengimplementasikan policy First click free Google News pada konten website, webmaster jadi boleh memasukkan konten premium dan konten berdasar subscribed pada index websearch google tanpa melanggar panduan google. Firct Click Free membolehkan user yg memasuki halaman website dari Google Search dapat melihat full teks dokumen sekalipun mereka tidak terdaftar maupun subscribed. Klik pertama yg dilakukan pengunjung itu gratis sehingga halaman bisa tampil utuh. Akan tetapi, kita bisa memblok user yg telah login maupun yg harus bayar iuran saat mereka mengklik meninggalkan entrance page ke bagian lain dalam situs kita. Oleh karenanya, halaman tidak tampil utuh. Bila pengunjung diperlakukan beitu, maka konten yg ditampilkan pada googlebot juga harus sama dengan User.</p>
<p>Ps : Dalam posting ini, sy cuma memberi penjelasan teori singkat saja. Tapi lain waktu, sy akan berusaha menjelaskan setiap metode ini. Makasih.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.bakawan.com/log/teknik-webmaster-dgn-ip-delivery-geolocation-dan-cloaking/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>TrackBack, Fitur Weblog</title>
		<link>http://www.bakawan.com/log/trackback-fitur-weblog/</link>
		<comments>http://www.bakawan.com/log/trackback-fitur-weblog/#comments</comments>
		<pubDate>Wed, 05 Dec 2007 07:57:00 +0000</pubDate>
		<dc:creator>uwiuw</dc:creator>
				<category><![CDATA[Archieve]]></category>
		<category><![CDATA[Blogging]]></category>
		<category><![CDATA[Blogspot]]></category>
		<category><![CDATA[Glossary]]></category>
		<category><![CDATA[SEO]]></category>
		<category><![CDATA[Web Development]]></category>
		<category><![CDATA[Wordpress]]></category>

		<guid isPermaLink="false">http://www.bakawan.com/log/?p=971</guid>
		<description><![CDATA[Apa itu Trackback yg banyak dibicarakan orang orang ? Trackback adalah sistem saling memberi link reference antar blog. Sistem ini mulainya diperkenalkan software blogging Movable Type pada tahun 2002. Cara kerja trackback itu adalah memberi link balik pada setiap posting blog yg kebetulan melink pada blog sumber. Sistem ini membolehkan judul dan potongan komentar itu [...]]]></description>
			<content:encoded><![CDATA[<p>Apa itu Trackback yg banyak dibicarakan orang orang ? Trackback adalah sistem saling memberi link reference antar blog. Sistem ini mulainya diperkenalkan software <a href="http://www.bakawan.com/log/tag/blogging/">blogging</a> Movable Type pada tahun 2002. Cara kerja trackback itu adalah memberi link balik pada setiap posting blog yg kebetulan melink pada blog sumber. Sistem ini membolehkan judul dan potongan komentar itu diikut sertakan ke dalam link balik tsb. Blog sumber dan blog rujukan harus menggunakan platform blogging yg sama sama mendukung protokol Trackback, ambil contoh <a href="http://www.bakawan.com/log/tag/wordpress/">WordPress</a>.</p>
<p>Trackback adalah salah satu dari 3 jenis linkback. Dan Linkback adalah metode yg dipakai webmaster meminta notifikasi saat seseorang melink ke konten web mereka. Metode ini membuat para penulis konten mengetahui siapa saja yg melinking atau mereferensikan artikel yg telah mereka tulis. Beberapa bloghost (program software weblog) seperti WordPress, Movable Type, dan Community Server, mendukung pingback otomatis diamna seluruh link yg dipublikasikan dalam sebuah artikel itu dapat diping saat artikel itu pertama kali dipublikasikan.</p>
<h3>Sejarah Trackback</h3>
<p>Spesifiksi protokol ini dimiliki <strong>Six Apart</strong>. Akan tetapi implementasi pertama dilakukan pada software blogging Movable Type mereka pada agustus 2002. Sebelumnya trackback sudah diimplementasikan pada tool blogging yg lain. Sejak bulan februari 2006, Six Apart, membangun tim kerja untuk menyempurkan integrasi protokl tackback ke dalam patform blog mereka. Tujuannya agar bisa disetujui ETF dan bisa menjadi standar internet.</p>
<p>Saat ini, satu satunya, platform blogging yg belum mendukung fitur ini adalah blogger, yg merupakan kepunyaan <a href="http://www.bakawan.com/log/tag/google/">google</a>. Btw, bagi siapa pun yg belum tau apa itu blogger ? Blogger adalah <a href="http://www.bakawan.com/log/tag/blogspot/">blogspot</a>. Keduanya merujukan pada bloghost yg sama. Blogspot memang tida mendukung trackback. Namun, sekarang, sudah memiliki sistem backlink. Backlink blogspot mirip dengan cara kerja trackback pada Movable Type.</p>
<h3>Function Trackback</h3>
<p>Hmm bisa dikatakan kalau trackback itu semacam pesan pengakuan atau notifikasi. Pesan ini dikirim melalui ping dari situs original menuju situs penerima. Sang penerima sering mempublikasi linkback yg menuju situs sumber / original sebagai pertanda bukti.</p>
<p>Fitur blogging ini membutuhkan kedua situs mengaktifkan protokol ini demi membangun jalur komunikasi. Hal ini adalah fungsi utama protokol ini. Bila blogger menulis artikel yg membahas atau mereferensi blog lain, lalu keduanya mendukung protokol ini, maka kita bisa melihat hasil komunikasi tsb. Metode ini bisa menjadi bukti akan adanya diskusi antar penulis blog dimana para pembaca bisa dengan mudah mengikuti percakapan lintas blog ini.</p>
<h3>Ancaman Trackback</h3>
<p>Beberapa Spammer kadang memanfaatkan trackback untuk ngespam. Mereka mengakalinya agar memasukkan spam link pada beberapa blog. Usaha licik ini biasa disebut <a href="http://www.bakawan.com/log/sping-spam-ping/">sping</a>. Secara Singkat, sping bisa diartikan pesan <a href="http://www.bakawan.com/log/cara-ngeping-google-blog-search/">ping blog</a> spam (splog) yg ditujukan pada web lain. Ping ini mengindikasikan kalau blog telah update konten blog padahal cuma berisi link link spam doank.</p>
<p>Menurut trend blogsphere terkini, spamming itu mulai menjadi masalah besar. Setiap tahun statistik spam internet itu semakin tinggi. Sudah ada banyak inovasi baru yg diperkenalkan, seperti recaptcha, untuk mengatasi masalah ini. Akan tetapi, tampaknya usaha ini tidak Oleh karenanya, banyak blog yg mulai berhenti menggunakan trackback dikarenakan berurusan dengan spam menjadi terlalu melelahkan.</p>
<p>Update mei 2009 : Akhir akhir sy sering mendapat laporan pingback / trackback/ link balik dari sebuah blog blogger indonesia. Sy mengetahui adanya link tsb karena laporan google alert via google blog search. Dengan query link:bakawan.com, sy bsia tau langsung kalau blog sy diberi link orang lain atau tidak. Nah, disiniah masalahnya, setiap kali sy datang ke blog dia selalu saja sy tidak bisa menemukan adanya link yg menuju ke blog sy. Aneh ? tentu tidak karena ini black hat seo bullshit yg akan membuat dia jatuh (sekaligus blog saya akan ikut jadi tertuduh. sial.). Inilah alasan mengapa sy enggak suka eksperimen seo nekat ngak bertanggung jawab karena bisa bisa merugikan orang lain. tidakkah dia bisa melink balik ke situs lain aja di luar negeri dan jangan temen sendiri (sembunyi sembunyi lagi. makin sial.)</p>
]]></content:encoded>
			<wfw:commentRss>http://www.bakawan.com/log/trackback-fitur-weblog/feed/</wfw:commentRss>
		<slash:comments>9</slash:comments>
		</item>
		<item>
		<title>Optimasi Performa Web dari Sisi Klien</title>
		<link>http://www.bakawan.com/log/optimasi-performa-web-dari-sisi-klien-2/</link>
		<comments>http://www.bakawan.com/log/optimasi-performa-web-dari-sisi-klien-2/#comments</comments>
		<pubDate>Tue, 23 Jan 2007 21:27:00 +0000</pubDate>
		<dc:creator>uwiuw</dc:creator>
				<category><![CDATA[Archieve]]></category>
		<category><![CDATA[javascipt]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[Web Development]]></category>

		<guid isPermaLink="false">http://www.bakawan.com/log/optimasi-performa-web-dari-sisi-klien-2/</guid>
		<description><![CDATA[Umumnya, halaman web itu memiliki script javascipt. Setiap script ini menjadi beban. Namun sering kali tidak terhindari karena penggunaan javascript itu vital demi meningkatkan kenikmatan user menjelajahi website kita. Oleh karenanya, bisa sy katakan, optimasi javascipt itu berada diatas segala macam tips performa. Kesalahan pertama web developer ialah lupa kalau kebanyakan user itu surfing internet [...]]]></description>
			<content:encoded><![CDATA[<p>Umumnya, halaman web itu memiliki script javascipt. Setiap script ini menjadi beban. Namun sering kali tidak terhindari karena penggunaan javascript itu vital demi meningkatkan kenikmatan user menjelajahi website kita. Oleh karenanya, bisa sy katakan, optimasi javascipt itu berada diatas segala macam tips performa.</p>
<p>Kesalahan pertama web developer ialah lupa kalau kebanyakan user itu surfing internet tidak menggunakan hardware baru dilengkapi browser tercepat. Hasilnya, ada gap antara kecanggihan web berbanding ketidakmampuan user menikmati segala hightech dalam web tsb. Otomati website kehilangan traffik yg artinya juga kehilangan pendapatan.</p>
<h4>Memulai Optimasi</h4>
<p>Oke, masalah sudah mengkerucut pada si setan besar javascript. Sekarang kita harus menganilsa dan kemudian membuat tweak tweak sebisanya. Dalam blog sy, javascipt itu ada pada search dan comment form. Sy pun mengambil langkah langkah berikut ini.</p>
<ol>
<li>
<div>Mengurangi ukuran file css dan javascipt dgn menggunakan <a href="http://developer.yahoo.com/yui/compressor/" rel="nofollow">yui-compressor.</a></div>
</li>
<li>
<div>Mengurangi http request yg dibutuhkan untuk meload javascript.</div>
</li>
<li>
<div>Menggabungkan ataupun menghilangkan gambar bila tidak diperlukan</div>
</li>
<li>
<div>Mengurangi kebutuhan script third party.</div>
</li>
<li>
<div>Pemakaiaan efektif <a href="http://www.bakawan.com/log/tag/google-analytic/">google analytic</a>. Kami meletakkan script ini tepat dibagian bawah website sebelum tag html ini &lt;/body&gt;. Tujuannya agar script stb diload paling akhir. Selain itu, google analytic hanya akan diload saat user yg tidak login saja. Sementara admin dan user terdaftar tidak akan tercatat traffik kunjungan nya.</div>
</li>
<li>
<div>menutup lubang kebocoran memory yg biasa disebabkan kode yg tidak effisien</div>
</li>
<li>
<div>Mengurangi efek efek tidak berguna seperti fadding effect.</div>
</li>
</ol>
<h4>Hasil Optimasi</h4>
<p>Berkat metode sederhana ini, kamu berhasil mempersingkat waktu loading. Kami mengetes waktu loading menggunakan yslow, add firefox yg bisa membantu kita mendevelop web app dan halaman web.</p>
<p>Perlu diingat kalau sisi klien itu lebih optimal di banding optimasi sisi server. Biasanya <a href="http://www.bakawan.com/log/tag/web-development/">web developer</a> melakukan optimasi dari sisi server, namun kita juga tidak boleh lupa untuk meningkatkan performa web dari sisi klien. Apalagi, waktu yg dibutuhkann menampilkan halaman web itu lebih disebabkan banyaknya waktu yg diperlukan untuk menampilkan komponen halaman seperti <a href="http://www.bakawan.com/log/tag/css/">CSS</a>, javascript, gambar, ads, dll. Semua komponen ini dipengaruhi kemampuan klien menampilkannya. Dalam hal ini, merujuk pada browser dan engine javascript yg dijalankan parser. Kamu bisa membaca thumbrule lain dalam posting <a href="http://www.bakawan.com/log/thumbrule-web-performance/">thumbrule web performance</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.bakawan.com/log/optimasi-performa-web-dari-sisi-klien-2/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Menghindari Redirect demi Performa Web</title>
		<link>http://www.bakawan.com/log/menghindari-redirect-demi-performa-web/</link>
		<comments>http://www.bakawan.com/log/menghindari-redirect-demi-performa-web/#comments</comments>
		<pubDate>Sun, 21 Jan 2007 06:49:00 +0000</pubDate>
		<dc:creator>uwiuw</dc:creator>
				<category><![CDATA[Repost]]></category>
		<category><![CDATA[Apache]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[Web Development]]></category>

		<guid isPermaLink="false">http://www.bakawan.com/log/menghindari-redirect-demi-performa-web/</guid>
		<description><![CDATA[Redirect dilakukan server dengan mengirim status error 301 dan 302. Berikut ini adalah contoh HTTP header bagi respon 301 HTTP/1.1 301 Moved Permanently Location: http://example.com/newuri Content-Type: text/html Browser otomatis mengirim pengunjung ke URI yg yang ada pada field Location. Semua informasi yg dibutuhan untuk meredirect itu ada dibagian header respon. Umumnya, bagian isi &#8216;respon&#8221; itu [...]]]></description>
			<content:encoded><![CDATA[<p>Redirect dilakukan server dengan mengirim status error 301 dan 302. Berikut ini adalah contoh HTTP header bagi respon 301</p>
<p><code>HTTP/1.1 301 Moved Permanently <br />Location: http://example.com/newuri <br />Content-Type: text/html <br /></code></p>
<p>Browser otomatis mengirim pengunjung ke URI yg yang ada pada field Location. Semua informasi yg dibutuhan untuk meredirect itu ada dibagian header respon. Umumnya, bagian isi &#8216;respon&#8221; itu kosong. Status kode in 301 dan 302 ini tidak dicache (kecuali dinyatakan pd header tambahan seperti <strong>Expires</strong> dan <strong>Cache-Control</strong>) mengindkasikan cache. Alhasil, tag meta refresh dan javascript adalah cara lain meredirect user ke URL yg berbeda. Namun seandainya kita wajib melakukan redirect, tehnik yg lebih aman itu ialah menggunakan status code 3xx HTTP<del>(Dengan menggunakan ini, kita juga bisa demi memastikan kalau tombol back browser itu berfungsi dengan baik.</del></p>
<p>Hal yg perlu diingat adalah redirect itu memperlambat website. Otomatis user lebih lamban mengakses situs kita (dari pada kecepatan optimal yg seharusnya). Apalagi, bila kita melakukan redirect antara request browser user dgn HTML output server kita, maka segala hal akan jadi lamban. Redirect harus diproses server terlebih dahulu sebelum browser bisa merender halaman yg diminta user. Kira kira begini nih Skema Redirect dari USER kembali ke USER lagi :</p>
<p><code>User &gt;&gt;&gt; Browser (Request HTTP) &gt;&gt;&gt; Server &gt;&gt;&gt; Redirect &gt;&gt;&gt; Output Kode dari Server (Baik Pure HTML maupun PHP dinamis) &gt;&gt; Browser &gt;&gt; User (layout halaman website tampil)</code></p>
<p>Kelalaian redirect sering terjadi. Umumnya, web developer tidak sadar kalau kecepatan website sudah tergerus redirect. Masalah ini muncul saat sebuah trailing slash (/) hilang dari sebuah url dimana seharusnya traliing slash ini ada. Umumnya CMS dan website dinamis lain memiliki keumuman meletakkan tanda garis miring pada setiap url nya. Ambil contoh, bila kita ingin buka <strong>http://www,bakawan.com</strong> malah menghasilkan redirect 301 yg berisi redirect ke <strong>http://www,bakawan.com/</strong> (Tolong di perhatikan garis miring di belakang url ini). Sistem URL, biasa disebut permalink, ini biasa dihasilkan pada server Apache melalui penggunaan <strong>Alias</strong>, <strong>mod_rewrite</strong>, atau pun directive <strong>DirectorySlash</strong>.</p>
<p>Kerugian Redirect kepada sebuah website</p>
<ol>
<li>Mengurangi kecepatan loading website</li>
<li>Dari pertimbangan SEO, redirect bisa membingungkan spider search engine.</li>
<li>Redirect bisa menjadi invinite looping bila salah setting</li>
<li>Penggunaan REgex (biasa dipakai pd file .htaccess) itu menguras source server (ujung ujungnya jatah bandwidth bila kita punya self hosted blog pd shared server Sebagaimana diketahui, biasanya bandwidth blog selft hosted itu diransum bersama penyewa server yg lain. Setiap blog memiliki hak pakai masing masing)</li>
<li>Adanya bug googlebot yg bisa dimanipulasi via anonymous proxy (kasus tahun 2007).</li>
</ol>
<p>Mengkoneksikan situs jadul ke alamat baru biasa menggunakan redirect. Umumnya awal awal dulu, banyak pemiliki situs yg lebih memilih menggunakan awalan www bagi situs mereka. Misalnya www.example.com dan bukannya example.com aja. Alasannya sih biar terasa nuansa world wide web hehehe. Tapi sekarang tidak, berkat pemahaman baru mengenai redirect via apache, kesalahan ini berkurang pada situs situs baru. <span>Sementara untuk blog bakawan ini, yg masih menggunakan www, memiliki pertimbangan lain mengapa berpindah dari www ke format non www. <del>Hal ini dibahas dibagian trivia posting ini</del></span>.</p>
<p>Berikut ini skenario yg membuat web developer melakukan redirect pengunjung sekalipun merugikan website.</p>
<ol>
<li>Website memiliki bagian Private section, yg cuma bisa diakses user terdaftar</li>
<li>Jenis browser yg ngak kompatible dengan desain website</li>
<li>Website berpindah domain</li>
<li>Bagian website berpindah direktori</li>
<li>dan lain lain</li>
</ol>
<p>Redirect itu tidak menyenangkan, baik bagi browser dan server. Bagi developer, juga bukan sebuah keputusan yg mudah, terutama bila developer itu mengharapkan effisiensi tertinggi dimana kecepatan loading menjadi barometer coding terjujur. Tapi kadang, seperti banyak hal dalam hidup, redirect itu jadi wajib. Sementara, Tehnik coding standar redirect itu menggunakan <strong>Alias</strong> dan <strong>mod_rewrite.</strong> Keduanya juga merupakan solusi paling mudah redirect karena memanfaatkan fungsi server. Selain kedua direktive apache barusan, kita bisa juga melakuan <strong>redirect via fungsi php</strong>.</p>
<p>Ambil contoh, kita ingin menghubungkan 2 buah situs. Bila file file kedua situs itu disimpan di server yg sama dan perubahan nama domain itu disebabkan redirect, maka alternatif solusi selain memanfaatkan 3 contoh metode di atas, kita bisa membuat <acronym title="DNS record that creates an alias pointing from one domain name to another">CNAME</acronym> yg dikombinasikan dengan <strong>Alias</strong> maupun <strong>mod_rewrite</strong>.</p>
<p><img src="http://lh4.ggpht.com/_xEymQyrUTdE/ShciCKtgHdI/AAAAAAAAADY/o-T5lBwvicY/logomuka.jpg?imgmax=144" height="75" alt="logomuka.jpg" width="70" />ps : Posting ini direncanakan menjadi tulisan serial killer. Jadi belum tuntas. Memang dalam blog ini banyak tulisan yg belum selesai. Jadi maaf aja yah. Bagi kamu2 yg tertarik lebih jauh mengenai optimasi performa web, bisa membaca saran sejenis di <a href="http://www.bakawan.com/log/thumbrule-web-performance/">thumbrule web performance</a>. <img src='http://www.bakawan.com/log/wp-includes/images/smilies/icon_biggrin.gif' alt=':D' class='wp-smiley' /> </p>
]]></content:encoded>
			<wfw:commentRss>http://www.bakawan.com/log/menghindari-redirect-demi-performa-web/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
	</channel>
</rss>
