kwangsub님의 노트

daumDevDay2008

Mon, 31 Mar 2008 21:21:02 +0900

Daum Dev Day 2008

제목 : Open API를 이용한 iPhone어플리케이션 개발

취지 : iPhone을 이용해 Daum검색 서비스들이 제공되는 모습을 선보인다.

목표 : 오픈API를 이용해 iPhone 검색 어플리케이션을 만들어본다.

확장(Optional) : OS X와 싱크된 데이터를 활용해 검색에 이용한다.

프로젝트 SVN http://code.google.com/p/openiphone

프로젝트 스크린샷

svn checkout https://openiphone.googlecode.com/svn/trunk/ daumdevday2008iphone --username kwangsub.kim --password ej9du2Ba5bN8

svn import -m "DaumDevDay2008iPhone" https://openiphone.googlecode.com/svn/trunk/daumdevday2008iphone

XCode단축키

http://www.cocoadev.co.kr/52

iPhone관련

애플에서 제공하는 iPhone sample codes. 다양한 ui에 대한 셈플 제공.

http://developer.apple.com/iphone/samples/index.action

Objective - C 관련

http://en.wikipedia.org/wiki/Objective-C

OSXDEV에서 정리한 Objective c

http://osxdev.org:8888/osxdev/40

기초

http://osxdev.org:8888/osxdev/72

Property선언

http://wiki.osxdev.org/index.php/Property_Declaration_and_Implementation

Cocoa관련

Cocoa Application만드는 동영상

http://www.cocoadev.co.kr/124

Annotation이야기(2) - RDFa

Fri, 21 Mar 2008 16:39:06 +0900

오늘은 RDFa에 대해 소개합니다.

시맨틱웹을 만드는데 필요한 것들이 무엇이 있을까 생각해본적이 있습니다. 이 팀블로그가 만들어지면서 이런저런 개념, 기술들을 나열해 봤습니다. 시맨틱웹을 저장, 표현, 검색이라는 큰 카테고리로 만들수 있다면 이번에 소개할 RDFa는 "표현"에 포함되는 내용입니다

#. RDF? RDFa?

- RDF

그럼 RDF는 뭐지? RDFa는? (저 알파벳a는 머리를 긁고 있는 RDF의 모습이네요. ^^a;; 뭐지?a)

이 글을 읽는 분들은 RDF에 대한 기본 지식은 가지고 계실줄 믿습니다.

저는 RDF를 "웹상에서 활동하는/되어지는 객체들의 표현"이라고 말하고 싶습니다. 또 뜬구름잡는 고질병이 돋았나 하시는 분도 계시겠네요. 그럼 좀더 자세한 설명을 해보도록 하겠습니다. 예를 들어보죠! 요새 글에 태그다는 연습? 많이 해보셨죠? 블로그를 생각하면 뭐가 생각나나요? 헤어진 여자친구, 떼인 돈 이런거 말고, "블로그" 자체 속성을 보면 제목, 글쓴이, 배포날짜, 내용 이런것들을 나열할 수 있습니다. 이런 공통적인 것을 뽑아서 스팩으로 만들어 놓은것이 RSS입니다. RSS스팩을 보면 <item>,<title>,<link>,<category>,<author>,<pubDate>,<description>등의 항목들이 명시화되어 있습니다.

그럼 두번째 예제는 "친구"를 상상해 보세요...와~ 모두들 "이 사람 FOAF얘기할려고하는 구나!" 라고 생각하고 계시죠? 네 맞아요. FOAF은 "친구와 친구관계"를, SIOC은 "포럼"에 대한 표현을 RDF를 이용해 명세화 한 것들입니다. 지웅님께서 올린 "Semantic Vocabulary. 웹에 (쉽게) 의미를 부여하기."를 보시면 RDF를 이용한 Semantic Vocabulary들의 소개를 보실 수 있습니다.

- RDFa

RDFa는 XHTML에서 FOAF, Dublin Core, Creative Commons등과 같은 Structured Data(Semantic Vocabulary)를 표현(연결)하기 위해 만들어진 스팩입니다.

주로 표현계층에서 사용되던 HTML의 엘리먼트에 Semantic Vocabulary엘리먼트들을 속성값으로 추가해줌으로서 브라우저에서 보는 , <div>같은 엘리먼트에 의미정보가 연결되는 것이죠. 이런 점에서 SHOE가 뷰-데이터간의 연결이 결여된 점을 보완하고 있습니다. 눈에 보이는 문자와 의미정보가 그대로 연결되어 있는 셈입니다.

그럼 전통적인? HTML페이지를 보시죠.

[code.1]

<html>
 <head><title>Semantic Team Blog Beer Party</title></head>
 <body>
 
 2011년 3월 20일, 오후 5시에 시맨틱 팀 블로그에서 맥주파티를 엽니다.
 
 
 행사의 정보는 <a href="http://example.org">이곳</a>을 통해 확인하실 수 있어요!
문의 사항이 있으시면 <a href="mailto:jo@example.org">email</a>을 통해 연락을 주세요!

</body>
</html>
이 예제는 http://www.w3.org/TR/xhtml-rdfa-primer/ 에 나온 예제를 각색했습니다.

시맨틱웹팀블로그에서 2011년에 맥주파티를 벌인다고 하네요. (그때까지 이 블로그가 건재하다면 정말 맥주한잔 해야겠는데요^^).

맥주 파티를 공지하기 위해 팀블로그를 통해 위와 같은 모임 정보를 올렸습니다.

우리들(사람들)이 위의 정보를 모니터를 통해 받아 보면 어떠한 정보들을 얻어 낼 수 있을까요?

먼저 이벤트에 대한 정보(이름, 장소, 시간)와 시맨틱 웹팀블로그에 대한 정보(연락처, 사이트주소)를 얻을수 있습니다. 어떻게요? 우린 글자를 읽어 그 뜻(Semantic)과 문맥(Context)를 이해 하기 때문이지요.

여기서 잠깐! 시맨틱웹이 뭐죠? 많고 많은 정의중에 데이터와 링크에 초점을 맞춘 정의는 이렇습니다. 이씨 아저씨(^^)가 말하길...

"The Semantic Web isn't just about putting data on the web. It is about making links, so that a person or machine can explore the web of data. With linked data, when you have some of it, you can find other, related, data." @Tim-Berners Lee

보시면 사람, 기계가 웹에 내포되어 있는 데이터를 찾아(explore)낼 수 있게 하는 링크된 것들이라고 얘기하네요.

기존의 표현(Presentation)에 초점을 맞춘 HTML을 통해서도 사람들은 내포되어 있는 데이터, 행사 - 이름, 행사 - 위치, 행사 - 행위자등의 관계(link)를 찾아 낼 수 있습니다. 하지만 머신에서는 그러한 데이터를 찾아내려하거나 재사용을 하려면 뭔다 다른 다듬질을 필요로 하겠지요.

다시 예제로 돌아가서, 이벤트, 팀블로그에 대한 정보를 RDFa를 이용해 추가적인 다듬질이 필요없이, 데이터간의 연결 링크가 유지되도록 만들어진 XHTML을 살펴봅시다.

[code.2]

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML+RDFa 1.0//EN" "http://www.w3.org/MarkUp/DTD/xhtml-rdfa-1.dtd">
<html xmlns:cal="http://www.w3.org/2002/12/cal/ical#"
xmlns:contact="http://www.w3.org/2001/vcard-rdf/3.0#">
<head> <title>맥주파티</title> </head>
<body>
2011년 3월 20일 오후 5시!!
 
시맨틱 블로그 팀에서
 
"맥주파티"
 
로 여러분을 초대합니다.
행사의 정보는 <a rel="contact:org" href="http://semantic.tistory.com">이곳</a>을 통해 확인하실 수 있어요!
문의 사항이 있으시면 <a rel="contact:email" href="mailto:kwangsub.kim@gmail.com">email</a>을 통해 연락을 주세요!
Semantic Team Blogger
김광섭 올림
</body>
</html>

상단 <html>엘리먼트의 속성값에 이 페이지에서 사용될 Semantic Vocabulary를 선언하고 있습니다.

<html xmlns:cal="http://www.w3.org/2002/12/cal/ical#"
xmlns:contact="http://www.w3.org/2001/vcard-rdf/3.0#">

이제 본문에서 CURIE형식으로 특정 , 등과 같은 엘리먼트에 Semantic Vocabulary를 연결할 수 있습니다.

실제 View와 의미정보를 연결하는 예제입니다. "2011년 3월 20일 오후 5시!!"라는 것은 "cal:dtstart"라는 속성과 연결이 되어 있습니다. 그리고, 그 "cal:dtstart"라는 속성은 "20110320T1700-0500"란 실제 값과 연결이 되어 있습니다.

2011년 3월 20일 오후 5시!!

[code.1]의 HTML가 내포하고 있는 의미정보를 RDFa를 이용해 [code.2]와 같이 명시적으로 의미정보를 연결해 이씨 아저씨가 얘기했던 It is about making links, so that a person or machine can explore the web of data 이 서서히 보여지는게 아닐까 생각해봅니다.

# 어떤 장점?

메타데이터의 재사용

-"Semantic Vocabulary. 웹에 (쉽게) 의미를 부여하기."에 있듯이 많은 스팩들이 만들어지고 있습니다. 이런 스팩들이 나오는 이유가 무었일까요? 제 생각엔 대부분의 사람들이 인정하는 Vocabulary를 만들고 그 의미를 다시 사용할수 있게 하는데 있는것 같습니다. "contact"란 의미를 다른 곳에서 (재)사용해도 언제나 동일하다는 것이죠.

기기나 어플리케이션간의 데이터 교환 가능

iMail을 통해 들어오는 메일중에 시간정보를 담고 있는 메일을 받아 보게 됩니다. 아래 스크린처럼 메일의 시간을 바로 iCal로 저장하면서 event를 만들수 있습니다.

현재 iCal에서 제공하는 이 기능은 본문의 날짜데이터를 파싱해서 이벤트를 만들어주는 간단한 로직입니다. (한글날짜도 locale만 처리된다면 가능하겠죠) 이제 웹에서 이런 구조화된 데이터를 내 PC에 설치된 어플리케이션과 웹에서 혼용해 사용할 수 있을겁니다.

메타데이터를 이용한 검색 가능

요즘 블로그나 여타의 사이트에서도 "태그 검색"이란 기능을 거의 제공하고 있습니다. <tag>의 메타정보를 추출한것이지만 <contact:fn>, <contact:email>를 이용해 AAA@mail.com을 사용하는 AAA가 등록한 글들을 검색할 수 있을것입니다.

그 밖에 많은 서비스들이 만들어질 수 있겠지요.

RDFa Use Cases에 보시면 몇개의 시나리오를 더 보실 수 있습니다.

ps. Yahoo의 소식을 듣고 가능한 서비스들을 머리속에 떠오르니 마냥 기분이 좋아졌습니다. 한편으로 팀블로거들도 자극을 받고 있답니다.~ 아자!

http://www.w3.org/TR/xhtml-rdfa-primer/

http://www.w3.org/MarkUp/2008/ED-rdfa-syntax-20080125/

http://www.w3.org/TR/xhtml-rdfa-scenarios/

SNS - Spokeo

Wed, 05 Mar 2008 13:51:23 +0900

"내가 올린 사진봤어?"

"어~ 아니! 어디다 올렸는데?"

"내 두번재 블로그에 새로 올렸어"

이런 경우 자주 겪어 보셨죠? Spokeo란 서비스는 친구(email주소나 blog주소)를 찾아 줍니다. 정확히 말해, 친구를 찾아주는게 아니고 친구가 활동하며 만들어낸 Contents를 찾아 줍니다. 물론 공개한 내용이여야 하구요. 공개가 안되었더라도 관계(일촌같은)가 있다면 SNS의 내 계정과 연결이 된 친구글을 import해 올수 있습니다.

예를 들어, 싸이가 API를 제공하고 있다면 내 싸이 계정을 등록하면 내 일촌들의 행적?을 알아 올수 있는거죠.

Nobody knows what you are tracking, not even the friends you track.

누가 날 보고 있는지 모른답니다. 좀 무섭네요. 누군가 나를...:-)

저는 꼼짝달싹 못하게 하는 Social Network사이트라고 생각하는데 이들은 SNS가 아니라고 하네요. :-)

Since Spokeo is a friend tracker and not a social network

우리말로 돌리면 "친구추적기"? :-) 억양이 좀 그렇네요.

사용방법은 간단합니다. email과 비밀번호만으로 등록이 됩니다.

그런 후 친구의 email이나 블로그 주소로 검색을 합니다. 제 email을 적었더니 Google Picasa Web에 있는 공개된 사진들이 모두 나타납니다.

검색결과 오른쪽 상단에 노란박스에 보이시죠? "Add ... to your friends"...

왼쪽 리스트엔 희철님과 지웅님이 친구로 등록되어 있네요. 이제 저들의 행적을 일일이 쫒아 다니지 않아도 됩니다.:-)

사용자 입장에선 RSS구독기를 사용하듯 흘러갑니다. 블로그를 추가 하면 구독기역할을 하구요.

이 모든것들이 벤더들이 Open API를 제공했기 때문에 가능한것이지요

앞서 희철님이 소개한 Google Social Graph에 벤더들의 API가 추가된다면 (꼭 추가가 되지 않는다고 해도 OpenAPI형식으로 제공된다면) Social Network플랫폼은 이런 기능을 기반으로 발전되지 않을까 싶습니다. RSS구독기 역할을 지니면서 feed에 대한 정보뿐만 아니라, 사진, 추천, 위시리스트, 비디오들이 서로 공유가 되겠지요. 내가 본건 친구들도 보고 친구들이 본건 나도 보게되겠지요. 여기에 후에 소개할 RDFa스펙을 이용해 의미정보가 feed에 추가 된다면 그 데이터들의 조합으로 제 3의 서비스가 탄생되지 않을까 싶습니다.

[1]http://www.spokeo.com/