eMotion

Entries Feed

Search results for “2007/06” in entries

There were 3 results found in entries.

윈도우즈: 아이튠즈의 노래 정보를 미투데이에 싱크하자

Published by Deni, 2007/06/25 19:25 in Devlog.

오늘 소개할 스크립트는 윈도우즈에서 아이튠즈로 듣고 있는 곡명을 미투데이 설명문으로 보여주는 매쉬업입니다. 이미 기존에 맥에서 시도되었던 것을 iTunes COM for Windows SDK를 이용한 WSH(Windows Script Host)로 만들어 봤습니다.

me2DAY with iTunes

사용 방법은 아래의 JScript를 다운받아 아이튠즈가 재생되는 중에 실행하면 됩니다. 실행전에 반드시 에디터 JScript 파일을 열어 첫부분을 자신에 맞게 수정해야합니다. 수정할 부분은 미투데이 사용자 아이디와 사용자 키, 기본 설명문, 이렇게 세부분입니다.

실행이 되면 2분마다 현재 재생중인 음악의 태그 정보를 바탕으로 미투데이의 설명문을 자동으로 변경해줍니다. 아이튠즈를 종료하면 상태를 판단하여 스크립트 프로그램도 종료됩니다. 작업 관리자에 'wscript.exe'라는 이름의 프로세스로 떠있으니 참고하세요.

다운로드: me2DAY with iTunes.zip

아래는 JScript의 소스입니다. 다른 기능을 추가하고 싶은 경우 참고하세요.

/* Configurations
 * --------------------------------------------------
 */
var id = 'myid'; // me2DAY 사용자 아이디
var key = '********'; // me2DAY 사용자 키
var prefix = '친구신청하세요~ ^^;;'; // 기본 설명문

/* Logics
 * --------------------------------------------------
 */
var url = 'http://me2day.net/api/set_description/' + id + '.xml';
var WinHttp;
var iTunes = WScript.CreateObject('iTunes.Application');

try {
  WinHttp = WScript.CreateObject('WinHttp.WinHttpRequest.5.1');
} catch (e) {
  WinHttp = WScript.CreateObject('WinHttp.WinHttpRequest.5');
}

WScript.Echo(
    'iTunes 음악 정보를 me2DAY의 설명문에 출력해 주는 스크립트를 '
  + '시작합니다.\n업데이트는 2분마다 이루어집니다.');

while (true) {
  try {
    update(getInfo());
    WScript.Sleep(120 * 1000);
  } catch (e) {
    WScript.Echo(
        'iTunes가 꺼져있거나 재생중인 트랙이 없습니다.'
      + '\n음악을 재생한 후 다시 실행해 주세요.');
    update(prefix);
    break;
  }
}

/* Required Functions
 * --------------------------------------------------
 */
function getInfo() {
  var value = prefix + ' / ';

var CurrentTrack = iTunes.CurrentTrack;
  value += 'iTunes ♪ '
    + CurrentTrack.Artist + ' - ' + CurrentTrack.Name;

return value;
}

function update(description) {
  WinHttp.Open('POST', url, false);
  WinHttp.SetRequestHeader('Authorization', createAuthorization(id, key));
  WinHttp.SetRequestHeader(
    'me2_application_key',
    'd978d3bceffa15d6aa71aa2659857af3');
  WinHttp.SetRequestHeader(
    'Content-Type',
    'application/x-www-form-urlencoded');
  WinHttp.Send('description=' + encodeURIComponent(description));
}

function createAuthorization(id, key) {
  var nonce = getNonce();
  return 'Basic ' + encodeBase64(id + ':' + nonce + hex_md5(nonce + key));
}

function getNonce() {
  var value = '';
  for (var i = 0; i < 8; i++)
    value += Math.floor(Math.random() * 16).toString(16);
  return value;
}

function encodeBase64(text) {
  var k = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=';

var value = '';
  var chr1, chr2, chr3, enc1, enc2, enc3, enc4;
  var i = 0;

while (i < text.length) {
    chr1 = text.charCodeAt(i++);
    chr2 = text.charCodeAt(i++);
    chr3 = text.charCodeAt(i++);

enc1 = chr1 >> 2;
    enc2 = ((chr1 & 3) << 4) | (chr2 >> 4);
    enc3 = ((chr2 & 15) << 2) | (chr3 >> 6);
    enc4 = chr3 & 63;

if (isNaN(chr2))
      enc3 = enc4 = 64;
    else if (isNaN(chr3))
      enc4 = 64;

value += k.charAt(enc1) + k.charAt(enc2)
          +  k.charAt(enc3) + k.charAt(enc4);
  }

return value;
}

// MD5 via http://pajhome.org.uk/crypt/md5/md5src.html
function hex_md5(s) { return binl2hex(core_md5(str2binl(s), s.length * 8)); }

function core_md5(x, len) {
  x[len >> 5] |= 0x80 << ((len) % 32);
  x[(((len + 64) >>> 9) << 4) + 14] = len;

var a =  1732584193;
  var b = -271733879;
  var c = -1732584194;
  var d =  271733878;

for (var i = 0; i < x.length; i += 16) {
    var olda = a;
    var oldb = b;
    var oldc = c;
    var oldd = d;

a = md5_ff(a, b, c, d, x[i+ 0], 7 , -680876936);
    d = md5_ff(d, a, b, c, x[i+ 1], 12, -389564586);
    c = md5_ff(c, d, a, b, x[i+ 2], 17,  606105819);
    b = md5_ff(b, c, d, a, x[i+ 3], 22, -1044525330);
    a = md5_ff(a, b, c, d, x[i+ 4], 7 , -176418897);
    d = md5_ff(d, a, b, c, x[i+ 5], 12,  1200080426);
    c = md5_ff(c, d, a, b, x[i+ 6], 17, -1473231341);
    b = md5_ff(b, c, d, a, x[i+ 7], 22, -45705983);
    a = md5_ff(a, b, c, d, x[i+ 8], 7 ,  1770035416);
    d = md5_ff(d, a, b, c, x[i+ 9], 12, -1958414417);
    c = md5_ff(c, d, a, b, x[i+10], 17, -42063);
    b = md5_ff(b, c, d, a, x[i+11], 22, -1990404162);
    a = md5_ff(a, b, c, d, x[i+12], 7 ,  1804603682);
    d = md5_ff(d, a, b, c, x[i+13], 12, -40341101);
    c = md5_ff(c, d, a, b, x[i+14], 17, -1502002290);
    b = md5_ff(b, c, d, a, x[i+15], 22,  1236535329);

a = md5_gg(a, b, c, d, x[i+ 1], 5 , -165796510);
    d = md5_gg(d, a, b, c, x[i+ 6], 9 , -1069501632);
    c = md5_gg(c, d, a, b, x[i+11], 14,  643717713);
    b = md5_gg(b, c, d, a, x[i+ 0], 20, -373897302);
    a = md5_gg(a, b, c, d, x[i+ 5], 5 , -701558691);
    d = md5_gg(d, a, b, c, x[i+10], 9 ,  38016083);
    c = md5_gg(c, d, a, b, x[i+15], 14, -660478335);
    b = md5_gg(b, c, d, a, x[i+ 4], 20, -405537848);
    a = md5_gg(a, b, c, d, x[i+ 9], 5 ,  568446438);
    d = md5_gg(d, a, b, c, x[i+14], 9 , -1019803690);
    c = md5_gg(c, d, a, b, x[i+ 3], 14, -187363961);
    b = md5_gg(b, c, d, a, x[i+ 8], 20,  1163531501);
    a = md5_gg(a, b, c, d, x[i+13], 5 , -1444681467);
    d = md5_gg(d, a, b, c, x[i+ 2], 9 , -51403784);
    c = md5_gg(c, d, a, b, x[i+ 7], 14,  1735328473);
    b = md5_gg(b, c, d, a, x[i+12], 20, -1926607734);

a = md5_hh(a, b, c, d, x[i+ 5], 4 , -378558);
    d = md5_hh(d, a, b, c, x[i+ 8], 11, -2022574463);
    c = md5_hh(c, d, a, b, x[i+11], 16,  1839030562);
    b = md5_hh(b, c, d, a, x[i+14], 23, -35309556);
    a = md5_hh(a, b, c, d, x[i+ 1], 4 , -1530992060);
    d = md5_hh(d, a, b, c, x[i+ 4], 11,  1272893353);
    c = md5_hh(c, d, a, b, x[i+ 7], 16, -155497632);
    b = md5_hh(b, c, d, a, x[i+10], 23, -1094730640);
    a = md5_hh(a, b, c, d, x[i+13], 4 ,  681279174);
    d = md5_hh(d, a, b, c, x[i+ 0], 11, -358537222);
    c = md5_hh(c, d, a, b, x[i+ 3], 16, -722521979);
    b = md5_hh(b, c, d, a, x[i+ 6], 23,  76029189);
    a = md5_hh(a, b, c, d, x[i+ 9], 4 , -640364487);
    d = md5_hh(d, a, b, c, x[i+12], 11, -421815835);
    c = md5_hh(c, d, a, b, x[i+15], 16,  530742520);
    b = md5_hh(b, c, d, a, x[i+ 2], 23, -995338651);

a = md5_ii(a, b, c, d, x[i+ 0], 6 , -198630844);
    d = md5_ii(d, a, b, c, x[i+ 7], 10,  1126891415);
    c = md5_ii(c, d, a, b, x[i+14], 15, -1416354905);
    b = md5_ii(b, c, d, a, x[i+ 5], 21, -57434055);
    a = md5_ii(a, b, c, d, x[i+12], 6 ,  1700485571);
    d = md5_ii(d, a, b, c, x[i+ 3], 10, -1894986606);
    c = md5_ii(c, d, a, b, x[i+10], 15, -1051523);
    b = md5_ii(b, c, d, a, x[i+ 1], 21, -2054922799);
    a = md5_ii(a, b, c, d, x[i+ 8], 6 ,  1873313359);
    d = md5_ii(d, a, b, c, x[i+15], 10, -30611744);
    c = md5_ii(c, d, a, b, x[i+ 6], 15, -1560198380);
    b = md5_ii(b, c, d, a, x[i+13], 21,  1309151649);
    a = md5_ii(a, b, c, d, x[i+ 4], 6 , -145523070);
    d = md5_ii(d, a, b, c, x[i+11], 10, -1120210379);
    c = md5_ii(c, d, a, b, x[i+ 2], 15,  718787259);
    b = md5_ii(b, c, d, a, x[i+ 9], 21, -343485551);

a = safe_add(a, olda);
    b = safe_add(b, oldb);
    c = safe_add(c, oldc);
    d = safe_add(d, oldd);
  }
  return Array(a, b, c, d);
}

function safe_add(x, y) {
  var lsw = (x & 0xFFFF) + (y & 0xFFFF);
  var msw = (x >> 16) + (y >> 16) + (lsw >> 16);
  return (msw << 16) | (lsw & 0xFFFF);
}

function bit_rol(num, cnt) { return (num << cnt) | (num >>> (32 - cnt)); }

function binl2hex(binarray) {
  var hex_tab = "0123456789abcdef";
  var str = "";
  for (var i = 0; i < binarray.length * 4; i++) {
    str += hex_tab.charAt((binarray[i>>2] >> ((i%4)*8+4)) & 0xF) +
           hex_tab.charAt((binarray[i>>2] >> ((i%4)*8  )) & 0xF);
  }
  return str;
}

function str2binl(str) {
  var bin = Array();
  var mask = (1 << 8) - 1;
  for (var i = 0; i < str.length * 8; i += 8)
    bin[i>>5] |= (str.charCodeAt(i / 8) & mask) << (i%32);
  return bin;
}

Tags: iTunes, me2day, Windows, WSH, 미투데이, 아이튠즈, 윈도우즈
Licensed under Creative Commons By-Nc-Sa(Attribution-NonCommercial-ShareAlike) 2.5.
Translate this entry into English.

Permalink 0 Trackbacks 0 Comments

Google Hack: 얼굴을 검색한다

Published by Deni, 2007/06/18 12:32 in Weblog.

Google 이미지 검색에서 얼굴을 검색할 수 있는 기능이 추가되었습니다. 아직 검색 옵션에는 표시되지 않고 약간의 트릭을 사용하면 가능합니다.

이미지 검색의 마지막 쿼리에 '&imgtype=face'를 추가하는 것으로 얼굴만 검색되도록 할 수 있습니다. 다음 화면에서 어떤 식으로 결과가 나타나는지 살펴보겠습니다.

검색어에 제가 좋아하는 '히로스에 료코'를 그냥 검색한 화면입니다.

Google Image Search, Normal

뒤에 얼굴만을 검색하도록 '&imgtype=face'를 추가하여 검색한 화면입니다.

Google Image Search, Face

이미지에서 얼굴 패턴을 찾아낸 뒤 추가적인 태그를 붙여놓은듯 합니다. 더 쉽게 사용하려고 Bookmarklet을 만들어 보았습니다.

Face Search Bookmarklet (오른쪽 버튼으로 북마크에 추가)

Tags: face, Google, image, search, 검색, 얼굴, 이미지
Licensed under Creative Commons By-Nc-Sa(Attribution-NonCommercial-ShareAlike) 2.5.
Translate this entry into English.

Permalink 0 Trackbacks 0 Comments

자바스크립트 라이브러리별 CSS 쿼리 성능은

Published by Deni, 2007/06/13 19:26 in Devlog.

웹 2.0 시대에 접어들면서 Ajax를 이용하면서 다양한 사용자 인터페이스 방식이 제안되고, 실제 쓰이고 있습니다. 이제는 웹 페이지에서의 드래그&드랍 방식을 이용한 사이트를 쉽게 볼 수 있습니다.

이러한 UX의 높은 품질 뒤에는 다양한 자바 스크립트 라이브러리들의 도움이 컷을 것으로 생각됩니다. 제가 처음 접한 라이브러리는 Prototype 이었습니다. 아직까지도 주력으로 사용하고 있고, 이 라이브러리로 인해 개발 시간을 절반 이하로 줄일 수 있었습니다.

이러한 라이브러리들은 대체적으로 CSS Query를 이용하여 앨리먼트를 선택할 수 있는 기능을 제공해줍니다. CSS Query라는것은 CSS Selector 문법으로 태그들을 선택하고 조작하기위해 만들어진 자바 스크립트 기능을 의미합니다. XML 기반 문서를 다루는 데에도 유용하기 때문에 다른 프로그래밍 언어에서 차용하기도 합니다. Ajax로 페이지를 동적으로 조작할 때 특히 유용하게 사용됩니다.

SlickSpeed

MooTools 사이트에 있는 SlickSpeed Selectors Test 도구를 이용하면, 앞서 설명한 CSS Query의 성능을 각 자바 스크립트 라이브러리별로 비교할 수 있습니다. 비교 대상은 Porotype, jQuery, MooTools, Ext JS, cssQuery, dojo.query입니다.

아래 표에는 현재 PC에 설치되어 있는 브라우져별로 모든 쿼리를 하는데 걸린 시간을 정리해 보았습니다. Safari, Firefox, IE 순서로 성능 차이가 발생하는군요.

라이브러리별 CSS Query 성능 측정 (단위:밀리초) - SlickSpeed
JS Framework	IE6	Firefox	Safari(Win)
prototype 1.5.1	2534	232	136
jQuery 1.1.2dev	5732	5831	968
MooTools 1.2dev	2183	244	188
ext 1.1b1	(*비정상) 1549	1301	(*비정상) 179
cssQuery 2.02	11559	7579	1293
dojo query	1214	446	243

Prototype과 MooTools, dojo.query의 성능이 대체적으로 좋게 나왔습니다. 신뢰성은 각각의 셀렉터별로 틀리기는 하지만 성능이 좋은 라이브러리가 품질 또한 좋았습니다. (Ext JS의 경우 속도는 빠르지만 쿼리된 앨리먼트의 개수가 잘못된 경우가 많았습니다.)

여러분은 어떤 라이브러리를 사용하고 계신가요?

Tags: JavaScript, 성능, 자바스크립트, 테스트
Licensed under Creative Commons By-Nc-Sa(Attribution-NonCommercial-ShareAlike) 2.5.
Translate this entry into English.

Permalink 1 Trackbacks 0 Comments

« Previous Entries

Next Entries »

eMotion

eMotion

Search results for “2007/06” in entries

윈도우즈: 아이튠즈의 노래 정보를 미투데이에 싱크하자

Trackbacks to this entry

Google Hack: 얼굴을 검색한다

Trackbacks to this entry

자바스크립트 라이브러리별 CSS 쿼리 성능은

Trackbacks to this entry

Find in this site

About

Recent Entries

Del.icio.us

Flickr

Archives

Categories

Recent Comments

Recent Trackbacks

Links

Blog Visitors

« 2007/06 »
일	월	화	수	목	금	토
					1	2
3	4	5	6	7	8	9
10	11	12	13	14	15	16
17	18	19	20	21	22	23
24	25	26	27	28	29	30

eMotion

eMotion

Search results for “2007/06” in entries

윈도우즈: 아이튠즈의 노래 정보를 미투데이에 싱크하자

Trackbacks to this entry

Google Hack: 얼굴을 검색한다

Trackbacks to this entry

자바스크립트 라이브러리별 CSS 쿼리 성능은

Trackbacks to this entry

Find in this site

About

Recent Entries

Del.icio.us

Flickr

Tag Clouds

Archives

Categories

Recent Comments

Recent Trackbacks

Links

Blog Visitors