<?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>Moch. Zamroni &#187; batik malang</title>
	<atom:link href="http://zam.web.id/tag/batik-malang/feed/" rel="self" type="application/rss+xml" />
	<link>http://zam.web.id</link>
	<description>Front-end Web Developer</description>
	<lastBuildDate>Sun, 05 Feb 2012 23:27:53 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.2.1</generator>
		<item>
		<title>AntiQue House of Batik &amp; Kebaya – Parama Iswari Batik Malang</title>
		<link>http://zam.web.id/2009/05/15/antique-house-of-batik-kebaya-parama-iswari-batik-malang/</link>
		<comments>http://zam.web.id/2009/05/15/antique-house-of-batik-kebaya-parama-iswari-batik-malang/#comments</comments>
		<pubDate>Fri, 15 May 2009 13:30:22 +0000</pubDate>
		<dc:creator>zaM</dc:creator>
				<category><![CDATA[project & portfolio]]></category>
		<category><![CDATA[AntiQue Batik]]></category>
		<category><![CDATA[batik]]></category>
		<category><![CDATA[batik malang]]></category>
		<category><![CDATA[CMS]]></category>
		<category><![CDATA[joomla]]></category>
		<category><![CDATA[Joomla 1.0]]></category>
		<category><![CDATA[mockup]]></category>
		<category><![CDATA[Parama Iswari]]></category>
		<category><![CDATA[PSD/PNG]]></category>
		<category><![CDATA[web design]]></category>
		<category><![CDATA[web development]]></category>
		<category><![CDATA[XHTML/CSS]]></category>
		<category><![CDATA[zamdesign]]></category>

		<guid isPermaLink="false">http://zam.web.id/?p=186</guid>
		<description><![CDATA[Website AntiQue Batik Malang resmi diluncurkan pada pertengahan April 2009. Kebetulan semua saya kerjakan sendiri mulai mockup (draft PSD/PNG), kemudian slicing ke XHTML/CSS, integrasi menjadi template joomla, sampai install plugin (Mambots, Modules dan Components). Plugin2 untuk CMS Joomla 1.0 yang &#8230; <a href="http://zam.web.id/2009/05/15/antique-house-of-batik-kebaya-parama-iswari-batik-malang/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p><span class="cap">W</span>ebsite <a href="http://antique-batikmalang.com">AntiQue Batik Malang</a> resmi diluncurkan pada pertengahan April 2009. <span class="bold">Kebetulan semua saya kerjakan sendiri mulai mockup (draft PSD/PNG), kemudian slicing ke XHTML/CSS, integrasi menjadi template joomla, sampai install plugin (Mambots, Modules dan Components). </span>Plugin2 untuk CMS Joomla 1.0 yang saya pakai adalah: <span class="bold">Simple Image Gallery Plugin, </span><span class="bold">Blue Eyez Image Rotator, SW Menu Free, Mod HTML, dan sh404SEF. Saya memilih joomla 1.0 karena web  ini tidak banyak mengupdate konten text (bukan blog), web cenderung cukup statis namun agak kreatif dan dinamis, kebetulan saya sudah punya bayangan plugin-plugin apa yang musti digunakan.<br />
</span></p>
<div id="attachment_187" class="wp-caption aligncenter" style="width: 430px"><a href="http://antique-batikmalang.com"><img class="size-full wp-image-187" title="Website AntiQue Batik Sekarang" src="http://zam.web.id/wp-content/uploads/2009/05/web1.jpg" alt="Website AntiQue Batik Sekarang" width="420" height="436" /></a><p class="wp-caption-text">Website AntiQue Batik Sekarang</p></div>
<p>Langkah pertama adalah pembuatan mockup menggunakan macromedia fireworks dengan kaidah ukuran lebar  <a href="http://www.960.gs">960</a> px. Karena tidak ada referensi maka yang terbentuklah draft layout apa adanya yang agak kaku dengan motif siku-siku dan warna coklat lebih mendekati merah &#8211; belum pintar memilih color switcher :). Paling tidak saya sudah dapat struktur elemen-elemennya, seperti header, logo menu utama, slide foto, prolog (sidebar), footer, dll.</p>
<div id="attachment_188" class="wp-caption aligncenter" style="width: 430px"><img class="size-full wp-image-188" title="mockup pertama AntiQue Batik sebelum direvisi" src="http://zam.web.id/wp-content/uploads/2009/05/web2.jpg" alt="mockup pertama AntiQue Batik sebelum direvisi" width="420" height="391" /><p class="wp-caption-text">mockup pertama AntiQue Batik sebelum direvisi</p></div>
<p><span id="more-186"></span>setelah mockup pertama dikonfirmasi, saya dapat beberapa feedback, pertama adalah soal warna yang terlalu nge-&#8221;jreng&#8221; (maklum monitor di rumah agak gelap :D), dan kedua soal pemakaian motif siku-siku yang dirasa cukup mengganggu</p>
<blockquote><p>Satu lagi, lbh baik jgn ringgik2, mgkn biar luwes,<br />
pake kyk dibrosur , yang sliuuuuuut itu lo.. kayak<br />
melengkung , meliuk2,, seperti di brosur</p></blockquote>
<p>nah supaya tidak bingung, saya tampilkan berikut salah satu halaman utama brosur (dari sekitar 8 halaman lainnya)</p>
<div id="attachment_189" class="wp-caption aligncenter" style="width: 430px"><img class="size-full wp-image-189" title="cover brosur AntiQue Batik sebagai acuan" src="http://zam.web.id/wp-content/uploads/2009/05/web4.jpg" alt="cover brosur AntiQue Batik sebagai acuan" width="420" height="277" /><p class="wp-caption-text">cover brosur AntiQue Batik sebagai acuan</p></div>
<p>Dengan bantuan feedback dan acuan brosur, saya merubah warna dari merah agak kecoklatan menjadi benar-benar coklat, warna konten agak terang masih gradasi, meski warna gradasi di revisi pertama ini nantinya saya ganti warna solid. Dan perubahan utama adalah menghilangkan unsur siku-siku untuk diganti dengan ilustrasi melengkung.</p>
<div id="attachment_190" class="wp-caption aligncenter" style="width: 430px"><img class="size-full wp-image-190" title="mockup AntiQue batik setelah revisi" src="http://zam.web.id/wp-content/uploads/2009/05/web3.jpg" alt="mockup AntiQue batik setelah revisi" width="420" height="391" /><p class="wp-caption-text">mockup AntiQue batik setelah revisi</p></div>
<p>Dari revisi ini ke XHTML/CSS juga ada beberapa perubahan lain, seperti: lebar media dibatasi 940 px &#8211; 960 px, terpaksa dilakukan karena saya kesulitan membuat motif lengkung menjadi background repeat horizontal, sudah beberapa kali mencoba belum bisa pas, selalu terlihat batas (belum sambung). Supaya tidak kosong dan terkesan batiknya, saya gunakan background yang diambil dari unsur motif logo &#8220;Parama Iswari&#8221; secara repeat vertikal dan horizontal, motif ini pula saya gunakan untuk background di sidebar bawah konten dan bagian kiri atas konten, mengacu pada desain brosur untuk menghindari space kosong.</p>
<p>Akhirnya saya ucapkan terimakasih untuk mbak Ferrial dan mbak Nila atas kepercayaan yang diberikan dan kerjasamanya dengan <a href="http://zamdesign.web.id">zamdesign</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://zam.web.id/2009/05/15/antique-house-of-batik-kebaya-parama-iswari-batik-malang/feed/</wfw:commentRss>
		<slash:comments>24</slash:comments>
		</item>
	</channel>
</rss>

