MoonKiKi: web2.0 and ajax... the evolution road

Wednesday, April 8, 2009

Balsamiq Mockups


Today I used a Mockups...



It's a funny AIR application that you can download from Adobe's web page. You can quickly draw nice GUI to share in your project. The main powerful feauture is that what you draw is digital, so you can tweak and rearrange controls easily, and the end result is much cleaner. More than words, can do use it at your own. If you wanna see what I drew, download Mockups and import the XML that you see below. You can discover the next app I'm developing for MoonKiKi.

http://www.balsamiq.com/








<mockup version="1.0" skin="sketch" measuredW="1166" measuredH="710">
<controls>
<control controlID="0" controlTypeID="com.balsamiq.mockups::BrowserWindow" x="99" y="77" w="-1" h="-1" measuredW="450" measuredH="400" zOrder="1" locked="false" isInGroup="-1">
<controlProperties>
<text>A%20Web%20Page%0Ahttp%3A//www.moonkiki.com/moonkiki/</text>
</controlProperties>
</control>
<control controlID="1" controlTypeID="com.balsamiq.mockups::TabBar" x="120" y="223" w="403" h="193" measuredW="465" measuredH="100" zOrder="2" locked="false" isInGroup="-1">
<controlProperties>
<text>Home%2C%20Application%2C%20Blog%2C%20Articles%2C%20Video%2C%20Facebook%20RSS</text>
</controlProperties>
</control>
<control controlID="18" controlTypeID="com.balsamiq.mockups::Arrow" x="534" y="329" w="151" h="10" measuredW="150" measuredH="100" zOrder="8" locked="false" isInGroup="-1"/>
<control controlID="19" controlTypeID="com.balsamiq.mockups::Arrow" x="534" y="77" w="169" h="221" measuredW="150" measuredH="100" zOrder="9" locked="false" isInGroup="-1">
<controlProperties>
<curvature>-1</curvature>
<direction>bottom</direction>
</controlProperties>
</control>
<control controlID="4" controlTypeID="com.balsamiq.mockups::Calendar" x="718" y="43" w="146" h="124" measuredW="96" measuredH="96" zOrder="3" locked="false" isInGroup="-1"/>
<control controlID="16" controlTypeID="com.balsamiq.mockups::Calendar" x="733" y="525" w="131" h="109" measuredW="96" measuredH="96" zOrder="6" locked="false" isInGroup="-1"/>
<control controlID="17" controlTypeID="com.balsamiq.mockups::Arrow" x="534" y="351" w="169" h="221" measuredW="150" measuredH="100" zOrder="7" locked="false" isInGroup="-1"/>
<control controlID="20" controlTypeID="com.balsamiq.mockups::FieldSet" x="665" y="10" w="501" h="700" measuredW="200" measuredH="170" zOrder="0" locked="false" isInGroup="-1">
<controlProperties>
<text>Application</text>
</controlProperties>
</control>
<control controlID="14" controlTypeID="__group__" x="691" y="310" w="-1" h="-1" measuredW="196" measuredH="120" zOrder="4" locked="false" isInGroup="-1">
<groupChildrenDescriptors>
<control controlID="10" controlTypeID="com.balsamiq.mockups::TitleWindow" x="1" y="0" w="91" h="56" measuredW="450" measuredH="400" zOrder="0" locked="false" isInGroup="14">
<controlProperties>
<close>true</close>
<dragger>true</dragger>
<verticalScrollbar>false</verticalScrollbar>
<minimize>true</minimize>
<bottomheight>6</bottomheight>
<topheight>31</topheight>
<maximizeRestore>true</maximizeRestore>
<text>Window%20Name</text>
</controlProperties>
</control>
<control controlID="11" controlTypeID="com.balsamiq.mockups::TitleWindow" x="105" y="65" w="91" h="55" measuredW="450" measuredH="400" zOrder="1" locked="false" isInGroup="14">
<controlProperties>
<close>true</close>
<dragger>true</dragger>
<verticalScrollbar>false</verticalScrollbar>
<minimize>true</minimize>
<bottomheight>6</bottomheight>
<topheight>31</topheight>
<maximizeRestore>true</maximizeRestore>
<text>Window%20Name</text>
</controlProperties>
</control>
<control controlID="12" controlTypeID="com.balsamiq.mockups::TitleWindow" x="0" y="64" w="91" h="56" measuredW="450" measuredH="400" zOrder="2" locked="false" isInGroup="14">
<controlProperties>
<close>true</close>
<dragger>true</dragger>
<verticalScrollbar>false</verticalScrollbar>
<minimize>true</minimize>
<bottomheight>6</bottomheight>
<topheight>31</topheight>
<maximizeRestore>true</maximizeRestore>
<text>Window%20Name</text>
</controlProperties>
</control>
<control controlID="13" controlTypeID="com.balsamiq.mockups::TitleWindow" x="105" y="2" w="91" h="56" measuredW="450" measuredH="400" zOrder="3" locked="false" isInGroup="14">
<controlProperties>
<close>true</close>
<dragger>true</dragger>
<verticalScrollbar>false</verticalScrollbar>
<minimize>true</minimize>
<bottomheight>6</bottomheight>
<topheight>31</topheight>
<maximizeRestore>true</maximizeRestore>
<text>Window%20Name</text>
</controlProperties>
</control>
</groupChildrenDescriptors>
</control>
<control controlID="15" controlTypeID="com.balsamiq.mockups::FieldSet" x="711" y="505" w="179" h="144" measuredW="200" measuredH="170" zOrder="5" locked="false" isInGroup="-1">
<controlProperties>
<text>AIR</text>
</controlProperties>
</control>
</controls>
</mockup>

No comments:

Post a Comment