<?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/"
	xmlns:creativeCommons="http://backend.userland.com/creativeCommonsRssModule"
>

<channel>
	<title>EMSTONE Bebop &#187; GUI</title>
	<atom:link href="http://bebop.emstone.com/tags/gui/feed/" rel="self" type="application/rss+xml" />
	<link>http://bebop.emstone.com</link>
	<description>엠스톤 개발팀 블로그</description>
	<lastBuildDate>Sun, 29 Jan 2012 05:25:29 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
<creativeCommons:license>http://creativecommons.org/licenses/by-nc-nd/2.0/kr/</creativeCommons:license>
		<item>
		<title>2010년 1학기에 작성한 프로그램</title>
		<link>http://lethean.pe.kr/2010/09/28/programs-written-in-2010-spring-semester/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=programs-written-in-2010-spring-semester&#038;utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=2010%25eb%2585%2584-1%25ed%2595%2599%25ea%25b8%25b0%25ec%2597%2590-%25ec%259e%2591%25ec%2584%25b1%25ed%2595%259c-%25ed%2594%2584%25eb%25a1%259c%25ea%25b7%25b8%25eb%259e%25a8</link>
		<comments>http://lethean.pe.kr/2010/09/28/programs-written-in-2010-spring-semester/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=programs-written-in-2010-spring-semester#comments</comments>
		<pubDate>Tue, 28 Sep 2010 08:22:30 +0000</pubDate>
		<dc:creator>lethean</dc:creator>
				<category><![CDATA[Development]]></category>
		<category><![CDATA[Android]]></category>
		<category><![CDATA[GTK+]]></category>
		<category><![CDATA[GUI]]></category>
		<category><![CDATA[Linux]]></category>
		<category><![CDATA[Windows]]></category>
		<category><![CDATA[카스탈리엔]]></category>

		<guid isPermaLink="false">http://lethean.pe.kr/?p=1420</guid>
		<description><![CDATA[뭐, 전혀 관심 없는 분이 대부분이겠지만, 제 하드 디스크에서 묵히는 것보다 누군가에게 도움이 되는 편이 좋을 것 같아, 별로 품질이 좋은 소스는 아니지만, 오픈 소스만 사용해도 무난하 <a href="http://lethean.pe.kr/2010/09/28/programs-written-in-2010-spring-semester/?utm_source=rss&#38;utm_medium=rss&#38;utm_campaign=programs-written-in-2010-spring-semester">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[뭐, 전혀 관심 없는 분이 대부분이겠지만, 제 하드 디스크에서 묵히는 것보다 누군가에게 도움이 되는 편이 좋을 것 같아, 별로 품질이 좋은 소스는 아니지만, 오픈 소스만 사용해도 무난하게 과제 수행에 문제가 없음을 보여주기 위해, 지난 학기 수업 과제물로 제출했던 과제물의 문서와 프로그램 &#8230; <a href="http://lethean.pe.kr/2010/09/28/programs-written-in-2010-spring-semester/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></content:encoded>
			<wfw:commentRss>http://lethean.pe.kr/2010/09/28/programs-written-in-2010-spring-semester/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	<creativeCommons:license>http://creativecommons.org/licenses/by-nc-nd/2.0/kr/</creativeCommons:license>
	</item>
		<item>
		<title>여러 개의 마우스 동시에 사용하기</title>
		<link>http://lethean.pe.kr/2010/01/20/using-multiple-mouses-with-xor/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=%25ec%2597%25ac%25eb%259f%25ac-%25ea%25b0%259c%25ec%259d%2598-%25eb%25a7%2588%25ec%259a%25b0%25ec%258a%25a4-%25eb%258f%2599%25ec%258b%259c%25ec%2597%2590-%25ec%2582%25ac%25ec%259a%25a9%25ed%2595%2598%25ea%25b8%25b0</link>
		<comments>http://lethean.pe.kr/2010/01/20/using-multiple-mouses-with-xor/#comments</comments>
		<pubDate>Wed, 20 Jan 2010 03:55:31 +0000</pubDate>
		<dc:creator>lethean</dc:creator>
				<category><![CDATA[Development]]></category>
		<category><![CDATA[GUI]]></category>
		<category><![CDATA[Ubuntu]]></category>
		<category><![CDATA[Xorg]]></category>
		<category><![CDATA[카스탈리엔]]></category>

		<guid isPermaLink="false">http://lethean.pe.kr/?p=1195</guid>
		<description><![CDATA[구글 리더에서 오늘치 내용을 읽다가 &#8216;가난한 사람의 멀티 터치: Xorg에서 여러 개의 마우스 사용하기&#8216; 블로그를 보고 따라해 보았더니 바로 되는 걸 확인하고 기록으로 남겨둡니다. (참고로, 제가 사용하는 배포판은 우분투 개발 버전(lucid)입니다)
두 개의 마우스를 장착했을때 두 개의 포인터가 생성되고, 각각 따로 동작하는 것은 물론 마우스 별로 커서를 지정할 수도 있습니다. 하지만 아직 GTK+를 비롯한 많은 어플리케이션이 멀티 [...] <a href="http://lethean.pe.kr/2010/01/20/using-multiple-mouses-with-xor/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[구글 리더에서 오늘치 내용을 읽다가 &#8216;가난한 사람의 멀티 터치: Xorg에서 여러 개의 마우스 사용하기&#8216; 블로그를 보고 따라해 보았더니 바로 되는 걸 확인하고 기록으로 남겨둡니다. (참고로, 제가 사용하는 배포판은 우분투 개발 버전(lucid)입니다)
두 개의 마우스를 장착했을때 두 개의 포인터가 생성되고, 각각 따로 동작하는 것은 물론 마우스 별로 커서를 지정할 수도 있습니다. 하지만 아직 GTK+를 비롯한 많은 어플리케이션이 멀티 [...]]]></content:encoded>
			<wfw:commentRss>http://lethean.pe.kr/2010/01/20/using-multiple-mouses-with-xor/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	<creativeCommons:license>http://creativecommons.org/licenses/by-nc-nd/2.0/kr/</creativeCommons:license>
	</item>
		<item>
		<title>클러터와 GTK</title>
		<link>http://lethean.pe.kr/2009/09/08/clutter-and-gtk/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=%25ed%2581%25b4%25eb%259f%25ac%25ed%2584%25b0%25ec%2599%2580-gtk</link>
		<comments>http://lethean.pe.kr/2009/09/08/clutter-and-gtk/#comments</comments>
		<pubDate>Tue, 08 Sep 2009 00:56:55 +0000</pubDate>
		<dc:creator>lethean</dc:creator>
				<category><![CDATA[Development]]></category>
		<category><![CDATA[Clutter]]></category>
		<category><![CDATA[GUI]]></category>
		<category><![CDATA[Linux]]></category>

		<guid isPermaLink="false">http://lethean.pe.kr/?p=1040</guid>
		<description><![CDATA[`Design experience and demos in GTK and Clutter&#8216; 라는 포스트가 얼마 전에 올라왔는데 이제야 리뷰를 해봅니다. 이 포스트를 클릭해서 들어가 보시면 데모 동영상이 여러개 있는데, 클러터 안에 GTK 노트북 위젯을 넣어 여러가지 효과를 보여주고 있습니다. 이 포스트는 `animating GTK+, Clutter-Gtk, client-side-windows and demos&#8216; 포스트에서 설명한 방식을 더 확장하고 실용적인 예제를 보여주고 있는 셈인데, GTK Client Side [...] <a href="http://lethean.pe.kr/2009/09/08/clutter-and-gtk/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[`Design experience and demos in GTK and Clutter&#8216; 라는 포스트가 얼마 전에 올라왔는데 이제야 리뷰를 해봅니다. 이 포스트를 클릭해서 들어가 보시면 데모 동영상이 여러개 있는데, 클러터 안에 GTK 노트북 위젯을 넣어 여러가지 효과를 보여주고 있습니다. 이 포스트는 `animating GTK+, Clutter-Gtk, client-side-windows and demos&#8216; 포스트에서 설명한 방식을 더 확장하고 실용적인 예제를 보여주고 있는 셈인데, GTK Client Side [...]]]></content:encoded>
			<wfw:commentRss>http://lethean.pe.kr/2009/09/08/clutter-and-gtk/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	<creativeCommons:license>http://creativecommons.org/licenses/by-nc-nd/2.0/kr/</creativeCommons:license>
	</item>
		<item>
		<title>GIMP, Google Maps에서 사용되는 레이어</title>
		<link>http://bebop.emstone.com/2008/09/04/layer/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=layer</link>
		<comments>http://bebop.emstone.com/2008/09/04/layer/#comments</comments>
		<pubDate>Thu, 04 Sep 2008 06:28:25 +0000</pubDate>
		<dc:creator>lethean</dc:creator>
				<category><![CDATA[Development]]></category>
		<category><![CDATA[GUI]]></category>

		<guid isPermaLink="false">http://bebop.emstone.com/?p=22</guid>
		<description><![CDATA[1. GIMP 사용자 설명서에 나온 레이어 개념 요약 1.1 레이어 소개 김프는 이미지를 구체화 시킬 때 층층히 쌓인 투명한 슬라이드를 이용한다. 이 각각의 슬라이드를 김프에서는 레이어라고 부른다. 열린 이미지는 한 번에 하나의 활성화 drawable 영역을 갖게 되며, 레이어 대화상자에서 선택한 &#8230; <a href="http://bebop.emstone.com/2008/09/04/layer/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<h3>1. GIMP 사용자 설명서에 나온 레이어 개념 요약</h3>
<h4>1.1 레이어 소개</h4>
<p style="30px;">김프는 이미지를 구체화 시킬 때 층층히 쌓인 투명한 슬라이드를 이용한다. 이 각각의 슬라이드를 김프에서는 레이어라고 부른다. 열린 이미지는 한 번에 하나의 활성화 drawable 영역을 갖게 되며, 레이어 대화상자에서 선택한 레이어가 활성화된 drawable 상태가 된다. (&#8220;drawable&#8221;은 폐인트 도구로 그릴 수 있는 모든 것을 의미함.)</p>
<h4>1.2 레이어 속성</h4>
<p style="30px;">이미지의 각 레이어는 다음과 같은 주요 속성을 가진다.</p>
<p style="30px;"><strong>이름</strong>: 레이어 각각의 고유 이름.</p>
<p style="30px;"><strong>알파 채널의 존재 유무</strong>:  알파 채널은 레이어의 각 픽셀의 투명도에 대한 정보를 가진다. 배경 레이어를 제외한 모든 레이어는 알파채널을 가지고 있으며, 배경 레이어의 경우는 선택사항이다. 대부분의 동작은 알파채널이 없이는 불가능하다. 만약 레이어의 상하 위치를 바꿀 때나 투명성을 요구하는 작업을 할 경우에 알파채널이 필요하다. (배경 레이어는 항상 최하단에 있어야 하기 때문에 이러한 일을 할 수 없도록 알파채널이 없다.)</p>
<p style="30px;"><strong>레이어 타입: </strong>RGB, RGBA, 그레이, 그레이A, 인덱스, 인덱스A 타입이 있으며, 이렇게 분류되는 가장 큰 이유는 필터 메뉴에 있는 대부분의 필터들이 각자에 적합한 종류의 레이어에만 사용이 가능하기 때문이다.</p>
<p style="30px;"><strong>보기</strong>: &#8220;보기전환&#8221;은 레이어를 일시적으로 보이지 않게 하는 기능이다.</p>
<p style="30px;"><strong>다른 레이어와 연결</strong>: 복수 레이어에 적용해야 하는 동작들을 위해 레이어들을 그룹지을 수 있다.</p>
<p style="30px;"><strong>크기와 경계: </strong>레이어의 크기와 경계를 조절한다.</p>
<p style="30px;"><strong>불투명도</strong>: 바로 밑에 위치한 레이어의 색상을 얼마만큼 투과시킬 것인가를 나타낸다.</p>
<p style="30px;"><strong>모드</strong>: 레이어의 색상을 하위 레이어의 색상과 어떤 방식으로 혼합할지를 결정한다.</p>
<p style="30px;"><strong>레이어 마스크</strong>: 레이어와 연동된 추가적인 그레이스케일 drawable 영역이며, 검은색과 흰색을 이용해 레이어의 투명성을 표현하는 기능이다.</p>
<p style="30px;"><strong>&#8220;알<span style="normal;"><strong>파 채널 잠금&#8221; 설정</strong>: <span style="normal;">잠금이 설정되있다면 어떠한 편집 작업의 영향도 받지 않게 된다.</span></span></strong></p>
<h4>1.3 레이어에 사용된 위젯</h4>
<p><a href="http://bebop.emstone.com/wp-content/uploads/2008/09/gimp-layer1.png" rel="lightbox[22]"><img class="alignnone size-medium wp-image-53" src="http://bebop.emstone.com/wp-content/uploads/2008/09/gimp-layer1-260x300.png" alt="" width="260" height="300" /></a></p>
<p>GtkWidget, GtkAdjustment, GtkCellRenderer, gtkTreeModel,<br />
gtkTreeView, GtkTreeSelection, GtkTreeViewColumn 등</p>
<h4>1.4 GIMP 참고 자료</h4>
<p><a href="http://docs.gimp.org/ko/gimp-image-combining.html#gimp-concepts-layers">김프 사용자 메뉴얼 8장 레이어 소개</a><br />
<a href="http://developer.gimp.org/api/2.0/libgimp/libgimp-gimplayer.html">GIMP Library Reference Manual에 나온 layer 관련 API</a></p>
<h3>2. Google Maps 에서 사용하는 Overlays 개념 요약</h3>
<h4>2.1 Map Overlays</h4>
<p style="30px;">오버레이는 지도 상에 특별한 정보를 제공하기 위해서 사용되는 겍체이다. 맵 API에서 제공하는 오버레이 타입은 다음과 같다.</p>
<p style="30px;"><strong>Markers</strong>: 지도 상에 위치를 표시할 때 사용하는 객체이며, 위치 표시는 기본 아이콘 또는 사용자 정의 아이콘을 이용한다.</p>
<div id="attachment_31" class="wp-caption alignnone" style="width: 310px"><a href="http://bebop.emstone.com/wp-content/uploads/2008/09/markers.png" rel="lightbox[22]"><img class="size-medium wp-image-31" src="http://bebop.emstone.com/wp-content/uploads/2008/09/markers-300x183.png" alt="지도 상의 위치 표시 예" width="300" height="183" /></a><p class="wp-caption-text"> Markers 객체의 예</p></div>
<p style="30px;"><strong>Polylines</strong>: 지도 상에 선을 표시할 때 사용하는 객체이며, 선이 시작하는 지점부터 끝나는 지점까지의 좌표를 나열한다.</p>
<div id="attachment_32" class="wp-caption alignnone" style="width: 310px"><a href="http://bebop.emstone.com/wp-content/uploads/2008/09/polyline.png" rel="lightbox[22]"><img class="size-medium wp-image-32" src="http://bebop.emstone.com/wp-content/uploads/2008/09/polyline-300x183.png" alt="Polylines 객체의 예" width="300" height="183" /></a><p class="wp-caption-text">Polylines 객체의 예</p></div>
<p style="30px;"><strong>Polygons</strong>: 지도 상에 영역을 표시하는 객체이며, Polylines 객체와 같이 좌표를 이용하지만 open-ended가 아닌 closed loop로 영역을 나타낸다. </p>
<div id="attachment_33" class="wp-caption alignnone" style="width: 310px"><a href="http://bebop.emstone.com/wp-content/uploads/2008/09/polygon.png" rel="lightbox[22]"><img class="size-medium wp-image-33" src="http://bebop.emstone.com/wp-content/uploads/2008/09/polygon-300x184.png" alt="Polygons 객체의 예" width="300" height="184" /></a><p class="wp-caption-text">Polygons 객체의 예</p></div>
<p style="30px;"><strong>Ground Overlays</strong>: Polygons 객체는 마음대로 영역을 표시할 수 있지만 이미지를 표시할 수는 없다. 지도 상에 원하는 이미지를 표시할 때는 Ground Overlays 객체를 이용한다.</p>
<div id="attachment_34" class="wp-caption alignnone" style="width: 310px"><a href="http://bebop.emstone.com/wp-content/uploads/2008/09/ground-overlays.png" rel="lightbox[22]"><img class="size-medium wp-image-34" src="http://bebop.emstone.com/wp-content/uploads/2008/09/ground-overlays-300x183.png" alt="Ground Overlays 객체의 예" width="300" height="183" /></a><p class="wp-caption-text">Ground Overlays 객체의 예</p></div>
<p style="30px;"><strong>Tile Overlays</strong>: 구글 맵 API로 표현되는 지도는 타일로 구성되며, 타일은 각각의 맵 형태(normal map, satellite map, hybrid map, physical map)를 표현할 때 사용한다. Tile Overlays 객체는 존재하는 맵 형태에 타일을 올리거나, 사용자가 새롭게 만든 맵 형태를 나타낼 때 사용한다.</p>
<div id="attachment_35" class="wp-caption alignnone" style="width: 310px"><a href="http://bebop.emstone.com/wp-content/uploads/2008/09/tile-overlays.png" rel="lightbox[22]"><img class="size-medium wp-image-35" src="http://bebop.emstone.com/wp-content/uploads/2008/09/tile-overlays-300x181.png" alt="" width="300" height="181" /></a><p class="wp-caption-text">Tile Overlays 객체의 예: 타일 모서리(+)와 중앙(x)을 표시</p></div>
<p style="30px;"><strong>Custom Overlays</strong>: 사용자 새롭게 정의한 오버레이 객체를 만들 때 사용한다. </p>
<div id="attachment_37" class="wp-caption alignnone" style="width: 310px"><a href="http://bebop.emstone.com/wp-content/uploads/2008/09/custom-overlays.png" rel="lightbox[22]"><img class="size-medium wp-image-37" src="http://bebop.emstone.com/wp-content/uploads/2008/09/custom-overlays-300x183.png" alt="" width="300" height="183" /></a><p class="wp-caption-text">Custom Overlays 객체의 예: 사각형 영역을 표시하는 객체</p></div>
<h4>2.2 Google Maps 참고 자료</h4>
<p><a href="http://code.google.com/apis/maps/documentation/overlays.html#Overlays_overview">Map Overlays API</a></p>
]]></content:encoded>
			<wfw:commentRss>http://bebop.emstone.com/2008/09/04/layer/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	<creativeCommons:license>http://creativecommons.org/licenses/by-nc-nd/2.0/kr/</creativeCommons:license>
	</item>
		<item>
		<title>reactable : 테이블 표면 실감형 다중 접촉 인터페이스를 통한 협업 전자 음악 악기</title>
		<link>http://lethean.pe.kr/?p=132&#038;utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=reactable-%25ed%2585%258c%25ec%259d%25b4%25eb%25b8%2594-%25ed%2591%259c%25eb%25a9%25b4-%25ec%258b%25a4%25ea%25b0%2590%25ed%2598%2595-%25eb%258b%25a4%25ec%25a4%2591-%25ec%25a0%2591%25ec%25b4%2589-%25ec%259d%25b8%25ed%2584%25b0%25ed%258e%2598%25ec%259d%25b4%25ec%258a%25a4%25eb%25a5%25bc-%25ed%2586%25b5%25ed%2595%259c</link>
		<comments>http://lethean.pe.kr/?p=132#comments</comments>
		<pubDate>Mon, 21 May 2007 16:40:00 +0000</pubDate>
		<dc:creator>lethean</dc:creator>
				<category><![CDATA[Development]]></category>
		<category><![CDATA[GUI]]></category>

		<guid isPermaLink="false">http://lethean.pe.kr/?p=132</guid>
		<description><![CDATA[어설픈 영한번역을 거치게 된 reactable 프로젝트의 영어 설명은 이렇다.
The reactable is a collaborative electronic music instrument with a tabletop tangible multi-touch interface. Several simultaneous performers share complete control over the instrument by moving and rotating physical objects on a luminous round table surface. By moving and relating these objects, representing components of a classic modular [...] <a href="http://lethean.pe.kr/?p=132">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p>어설픈 영한번역을 거치게 된 <a href="http://mtg.upf.edu/reactable/">reactable</a> 프로젝트의 영어 설명은 이렇다.</p>
<blockquote><p>The <em>reactable</em> is a <strong>collaborative electronic music instrument with a tabletop tangible multi-touch interface</strong>. Several simultaneous performers share complete control over the instrument by moving and rotating physical objects on a luminous round table surface. By moving and relating these objects, representing components of a classic modular synthesizer, users can create complex and dynamic sonic topologies, with generators, filters and modulators, in a kind of tangible modular synthesizer or graspable flow-controlled programming language.</p></blockquote>
<p>여러 연주자가 함께 야광의 둥근 테이블 위에 있는 물리적인 물체를 움직이고 돌리면서 악기를 완전하게 제어한다. 이처럼 고전적인 모듈러 신디사이저 요소를 나타내는 물체를 움직이고 연관을 지으면서, 사용자는 복합적이고 생동적인 음파 형상을 만들 수 있으며, 실감형 모듈러 신디사이저나 잡을 수 있는 흐름 제어 프로그래밍 언어의 한 종류인 발진기, 필터, 변조기를 이용한다.</p>
<p>기본적인 원리는 투명한 유리판(?) 밑에서 카메라를 이용해 사용자 반응을 감지하고 처리하며, 프로젝터를 이용해 다시 표시한다.</p>
<p><a href="http://lethean.pe.kr/wp-content/uploads/2008/07/reactivision03.png"><img class="aligncenter size-full wp-image-147" title="reactivision03" src="http://lethean.pe.kr/wp-content/uploads/2008/07/reactivision03.png" alt="" width="500" height="375" /></a></p>
<p>또 눈여겨볼 만한 건 <a href="http://mtg.upf.edu/reactable/?software">대부분 소프트웨어 소스가 공개</a>되어 있으며 많은 관련 논문과 자료도 잘 정리되어 있다는 점이다. 특히 Windows, MacOSX, Linux를 동시에 지원하는 크로스 플랫폼 비디오 캡쳐 라이브러리인 <a href="http://www.iua.upf.es/mtg/reacTable/?portvideo">PortVideo</a> 라이브러리는 눈여겨볼만 하다. (<a href="http://www.portaudio.com/">PortAudio</a> 프로젝트 이름을 흉내낸 걸까?)</p>
<p>물론 많은 <a href="http://www.iua.upf.es/mtg/reacTable/?media">데모 동영상과 그림</a>도 볼 수 있다.</p>
]]></content:encoded>
			<wfw:commentRss>http://lethean.pe.kr/?feed=rss2&#038;p=132</wfw:commentRss>
		<slash:comments>0</slash:comments>
	<creativeCommons:license>http://creativecommons.org/licenses/by-nc-nd/2.0/kr/</creativeCommons:license>
	</item>
	</channel>
</rss>

