728x90
스마트폰으로 접속 해 주세요. http://df.href.kr

얼마전 jquery mobile 알파버전이 릴리즈 되었습니다. 그리고 지금 알파2 버전이  최종버전 입니다.

몇 가지 살펴보고, 아직 알파이지만 충분히 쓸만하다 판단하여 취미용 모바일 사이트를 만들어 봤습니다.

던전앤파이터의 커뮤니티 사이트를 모아놓고 모바일로 쉽게 열람이 가능한 사이트 입니다.

이미지로 보시면 좀 더 쉽게 이해가 가실거 같습니다.

이런식으로 게시판만 추출하여 모바일로 변환해주는 사이트입니다.
아이폰이나 안드로이드폰에서 접속해보시면 쉽게 사용이 가능하실 듯 합니다.

현재 구현된 기능은 다음과 같습니다.

  • 모바일용 게시판으로 변환
  • 디시인사이드 로그인 가능
  • 디시인사이드 게시물 작성 가능
  • 디시인사이드 댓글 작성 가능
  • 루리웹 로그인 가능
  • 루리웹 게시물 작성 가능
  • 루리웹 댓글 작성 가능

입니다.

던파조선이나 던파타임도 로그인 및 게시물 관련 기능을 추가할 예정입니다, 현재 테스트 아이디가 없어서 기능추가가 안되고 있는데, 조만간 가능할 것 같습니다.

꼭 로그인을 하지 않더라도 (반영이 늦긴 하지만) 비회원으로 댓글을 달 수 있기는 합니다. 다만 실제 웹사이트에는 반영되지 않고, 모바일사이트에서만 확인이 가능하죠.

조만간 몇 가지 기능들을 더 추가 할 예정입니다.

침대에 누워서, 학교에서, 자유롭게 사용해주세요~!


덧붙임.
일반 PC에서 접속 시 익스플로러에서는 아래와 같이 나옵니다.


때문에 접속을 자제해 주세요.

주소는 여기 입니다.

핸드폰 브라우저를 열고, 주소를 입력하세요
Posted by onionmen

댓글을 달아 주세요

728x90
* 점검 때는 웹페이지를 열 수 없기 때문에 이벤트 보기가 불가능 합니다.
* 현재 오던 샘플 XML에 문제가 있어서 위젯에서 오던 페이지가 열리지 않습니다.
* 오던 샘플 페이지 수정되었습니다.
* ㅠㅠ 갑작스럽게 많은 분들이 들어오셔서 문제가 발생하네요. 서버가 구해지는대로 새로 등록해놓을게요.

오늘의 던파
라는 컨텐츠가 있습니다. 바로 던전앤파이터(링크) 웹페이지에서 제공하는 게임정보 컨텐츠 입니다.
 

던전앤파이터(이하 던파) 는 꽤 많은 유저가 즐기는 게임인데요, 그만큼 많은 컨텐츠가 생산되고 소비됩니다. 이런 컨텐츠들을 좀 더 효율적으로 이용할 수 있도록 하는 위젯이 있다면 더 좋지 않을까요?

웹의 컨텐츠는 너무나도 쉽게 얻을 수 있습니다. 물론 쉽게 얻을 수 있다고 함부로 사용하면 안되겠지만요.
오늘은 위젯을 만들기 위해 던파의 컨텐츠를 사용해보겠습니다.
웹 컨텐츠를 쉽게 사용할 수 있도록 하는 기술이 먼저 필요합니다. 요즘 주목받고 있는 ADOBE 사의 AIR 를 사용하여 정말 매우 간단하게 위젯을 만들어보겠습니다.


우선 아래 프로그램이 필요합니다.

다운로드 : ADOBE FLEX BUILDER 4

실행만 해보신다면 굳이 FLEX 다운로드는 필요없고, 아래 인스톨러와 위젯을 다운받으셔서 실행하시면 됩니다.

AirInstaller 다운로드(필수) : ADOBE AIR 다운로드
(이동 하셔서 Adobe Air 다운로드 받으세요.)
완성된 위젯 다운로드(필수) :


굳이 따라해보시겠다면 아래 페이지를 열고 따라해보세요.





Posted by onionmen

댓글을 달아 주세요

728x90
요즘 저작권법이 한창 크케 이슈가 되고 있습니다. (되었었습니다?)

오늘 일을 하다가 아래 링크의 만화를 발견했습니다.

저작권법을 만화로 쉽게 알려주고 있는데, 약간의 설명이 부족한듯 하여 글을 작성합니다.

이 블로그에도 CCL 표시가 되어 있습니다.
BY NC ND 표시로 각각 원저작자 표시, 비영리사용, 원본 변경금지 입니다.


비영리로 포스팅을 사용하고, 원본을 변형하지 않고, 원저작자만 표시하면 이 포스팅은 얼마든지 사용할 수 있다는 말이죠.

출처 : CC Korea


좀 더 자세한 정보는 CC Korea 에서 확인하실 수 있습니다.

그래도 간략히 설명을 좀 하자면.

 
 저작권자 표시
 
 비영리 사용 
 
 수정 금지 
 
 동일조건하에 2차 가공을 허락

입니다. CCL은 위 네개의 아이콘을 조합하여 사용할 수 있습니다. 

3번과 4번은 함께 사용할 수 없는 개념이기 때문에 3,4번만 중복되지 않는다면 서로 조합하여 사용 가능합니다.

예를들어서 1번만 있다면 이미지로는 
이렇게 되고, 원본 저작자만 표시한다면 어떻게 사용해도 상관없다. 라는 뜻이 됩니다.

2번만 있다면 이미지는 
이렇게 되고, 비영리로만 사용한다면 이 저작물은 어떻게 사용되어도 상관없다.라는 뜻이 됩니다. 

이런 표시들을 조합하여 사용할 수도 있는데, 1,2,3 번을 조합한다면 이미지로는 
이렇게 되고 이 뜻은 "이 게시물(또는 창작물)은 퍼갈수 있지만, 퍼갔을 때에는 저작권자 또는 출처를 꼭 명시해야 하고, 상업적으로 이용할 경우 법적 제재를 받게 되며 이 컨텐츠에 대한 수정을 금지한다." 라는 뜻 입니다.

어때요. 이제 CCL에 대해 조금은 이해가 되셨나요? 

그래도 궁금한점이 있으시면 CC Korea 에서 그 궁금증을 풀어보세요.

아래 링크의 만화는 저작권법을 좀 더 재미있게 알 수 있도록 해놓았는데요,
http://df.nexon.com/?GO=news|notice&TO=&mode=view&no=4846 함께 참고하시면 좋겠네요.

이제 창작물의 CCL 표시를 잘 확인해보고 저작권법 위반 고발전화로 부터 자유로워지세요!



Posted by onionmen

댓글을 달아 주세요

728x90
오늘의 던파 라는게 있습니다.
던전앤파이터 라는 온라인 게임을 하신다면 한번쯤은 들어보셨을 오늘의 던파.

게임에서 이슈가 되는 사항이나, 열혈 유저들이 올린 컨텐츠를 노출시켜 정보를 공유 할 수 있게 만든 메뉴입니다.
게임을 하는 사람들에겐 꽤 유용하고 재미있는 정보 입니다.


저어기 오늘의 던파 라고 보이시나요.

IE8 정식 출시 기념으로 오던을 구독할 수 있게 웹슬라이스를 이용하여 만들어보았습니다.
웹슬라이스를 이용하면 좀 더 쉽게 오던을 즐기실 수 있습니다.

보이시나요. 웹서핑 도중에도 즐겨찾기 처럼 한눈에 확인할 수 있습니다.


덤으로 이벤트도 만들어 보았어요.

IE8의 웹슬라이스를 사용하여 오던과 이벤트를 한눈에 확인해보세요.

[ IE8 에서만 가능합니다. ]

http://ottd.iruis.net/~onionmen/dnf/slices_todaydnf.php
http://ottd.iruis.net/~onionmen/dnf/slices_event.php

위 링크에 접속하시면 여러분도 쉽게 오던과 이벤트를 확인하실 수 있어요.

2008/11/14 - [Review/IT] - [IE8] 엑셀러레이터, 비쥬얼 서치 (1)
2008/08/12 - [Review/IT] - [ IE8 ] 웹슬라이스를 적용한 미투데이 최근 댓글 구독.
2008/08/11 - [Review/IT] - [ IE8 ] 웹슬라이스(webslices) 적용했습니다.



Posted by onionmen

댓글을 달아 주세요

728x90

IE8 beta2 세미나가 지난 9월 건국대 새천년 기념관에서 열렸었습니다.

세미나 이전에 IE8용 웹슬라이스 관련 게시물을 작성한적이 있었습니다. 세미나 후에 제 블로그에 IE8과 웹슬라이스로 검색하여 들어오시는 분이 꽤 되었던걸 보면 이슈가 되긴 했었나 봅니다.

[관련글]
2008/08/12 - [Etc..] - [ IE8 ] 웹슬라이스를 적용한 미투데이 최근 댓글 구독.
2008/08/11 - [Etc..] - [ IE8 ] 웹슬라이스(webslices) 적용했습니다.

세미나에선 총 3가지의 기능을 소개했었는데, 그 중 하나가 이전에 소개드린 웹슬라이스고, 나머지 둘이 엑셀러레이터와 비쥬얼서치 입니다.

음, IE8이 선행되어야 한다는 단점 때문에 아직까지는 많은 분들이 이용하지 않고, 그만큼 관심도 상대적으로 적지만 사용자층이 두터워 진다면 재미있는 것들이 많이 나올 것으로 예상됩니다.

웹슬라이스에 이어서 나머지 두개 기능도 한번 만들어봐야지 생각했었는데, 이제야 시도를 해 보았습니다.
막상 해보고 나니 큰 어려움 없이 적용할 수 있었습니다. 아니 큰 어려움도 아닙니다. 정말 쉽더군요. 

딱이죠?

비쥬얼 서치에 적용하면 검색어 추천에, 사진자료까지 딱인듯한 아이템이라 바로 적용해보았습니다.  
위 검색창에 검색어를 입력하러 가지 않아도, 쉽게 검색을 할 수 있도록 만들어보겠습니다.

여기 검색어를 입력해보세요.


바로 익스플로러의 검색어 창에 검색 공급자를 등록하는 것인데요, 이게 생각보다 그리 어렵지 않습니다.


우선 XML 을 만들어야 하는데, 틀은 다음과 같습니다.

 

<?xml version="1.0" encoding="euc-kr"?>
<OpenSearchDescription xmlns="http://a9.com/-/spec/opensearch/1.1/"> 
    <ShortName>DNF item</ShortName> 
    <Description>DNF item search</Description> 
        <Url type="text/html" template="http://www.d-fighter.com/?GO=dictionary|item&amp;clickSV=dnf&amp;search_text={searchTerms}" /> 
        <Url type="application/x-suggestions+xml" template="http://ottd.iruis.net/~onionmen/dic_test.xml" /> 
    <Language>ko-kr</Language> 
    <OutputEncoding>euc-kr</OutputEncoding> 
    <InputEncoding>euc-kr</InputEncoding>
</OpenSearchDescription> 

 여기서 중요한 부분은 붉은색으로 표시되어 있는 Url 입니다.

Type

   

Text/html

Request

검색어를 입력했을 때 실제 처리하는 부분

Application/x-suggestions+xml (+json)

optional

검색어 제안등의 부가기능을 제공

첫번째 type이 text/html 으로 되어 있는 부분은 검색어를 넘겼을 때 실제 검색을 처리하는 부분입니다.
바로 검색창에 검색어를 입력하고, 돋보기 아이콘을 클릭했을 때 실제 검색어를 처리하는 부분이죠.

중요한것은 get 방식으로 넘길 때 인자를 구분하는 &의 값을 &amp; 로 써주셔야 합니다.
그 아래 type이 application 으로 되어 있는 부분은 option 입니다. (제가 지금 IE7 이라서 이미지는 주말이 지나서 추가해야 할 듯 싶습니다.)

이미지와 함께 제공되는 검색어 추천을 사용하고 싶다면 저 부분을 따로 개발하여 넣으면 됩니다. +xml 이라고 되어 있으면 xml 타입으로 개발을 해야 하고, +json 으로 표기를 하면 json 으로 출력되도록 개발하시면 됩니다. 나머지 부분은 굳이 신경쓰지 않으셔도 되고, 한번 보시면 다 아실 내용이라 생각됩니다.

이 XML을 서버에 올려놓고 이제 XML을 추가할 수 있도록 "무엇인가" 를 만들어야 겠지요.

뭐 이 "무엇인가" 를 만드는 것은 일도 아닙니다.

<a href="#" onclick="window.external.AddSearchProvider('http://ottd.iruis.net/~onionmen/dnf_item_search.xml')">Add Search Provider Example</a>

위와 같이 window.external.AddSearchProvider() 라는 프로퍼티에 xml위치에 해당하는 인자값 하나만 넣어주면 완성이고, 이 링크를 클릭하면 검색공급자 등록을 할 수 있습니다.

위와 같은 메시지가 뜨면, 공급자 추가를 선택하여 검색공급자를 등록할 수 있습니다.

이제 검색공급자가 추가된 것을 확인하실 수 있습니다.


공급자를 DNF item 으로 변경하고, 검색어를 입력하면 이제 검색된 내용을 볼 수 있게 됩니다.

어때요, 참 쉽죠?

이건 단순한 검색공급자 를 만드는 것이었고, 이제 핵심기능인 비쥬얼서치를 살펴볼까요?

이것또한 별것 없습니다.

<Url type="application/x-suggestions+xml" template="http://ottd.iruis.net/~onionmen/dic_test.xml" /> 

이 부분 기억 하시나요. 여기 들어있는 dic_test.xml 이라는 부분이 바로 비쥬얼서치에 사용될 부분입니다. 지금은 예제로 간단한 xml을 만들었는데, 이부분은 프로그래밍이 들어가야 하는 부분입니다. 검색어에 의해서 관련된 xml이 생성되도록 해야 하지요.

아래 xml은 역전 이라는 검색어를 입력하면 그와 관련된 추천검색어와 비쥬얼서치의 모습을 보여주는 xml 입니다.

<?xml version="1.0" encoding="euc-kr"?>
<SearchSuggestion version="2.0" xmlns="http://opensearch.org/searchsuggest2">
  <Query>역전</Query>
  <Section>
    <Item>
      <Text>역전</Text>
      <Url>http://www.d-fighter.com/?GO=dictionary|item&amp;clickSV=dnf&amp;search_text=역전</Url>
    </Item>
    <Separator title="Finding in DNF" />
    <Item>
      <Text>역전의 월록</Text>
      <Description>거너용 무기</Description>
      <Url>http://www.d-fighter.com/?GO=dictionary|item&amp;TO=&amp;clickSV=dnf&amp;mode=view&amp;search_text=역전&amp;se=&amp;category=&amp;position=1&amp;it_no=31107</Url>
      <Image source="http://img.d-fighter.com/img/item_img/revolver/00037.png" width="28" height="28" />
    </Item>
  </Section>
</SearchSuggestion>


위와 같이 xml을 작성하여 서버에 업로드 하면, 이제 단순한 검색창에서 벗어나 한눈에 검색결과를 볼 수 있게 됩니다.



어때요. 참 쉽죠?

던파 관련 자료는 아래 링크에서 찾으실 수 있습니다.
http://ottd.iruis.net/~onionmen/dnf/


한번 재미있는 분야에 응용해보아요~~~ ^^

자주가는 me2day 의 검색창을 만들어봤습니다.
me2day 계정이 있으신분은 아래 링크로 가셔서 테스트 해보세요.

http://ottd.iruis.net/~onionmen/me2/test.php?me2id=자신의 미투 url 뒷자리
(ex : http://ottd.iruis.net/~onionmen/me2/test.php?me2id=sumanpark )
Posted by onionmen

댓글을 달아 주세요

  1. 이전 댓글 더보기

이전버튼 1 이전버튼

블로그 이미지
손을 따뜻하게 만들어 주고 싶은 애인이 있습니다.
onionmen

달력

 « |  » 2022.11
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
DNS Powered by DNSEver.com
Yesterday5
Today0
Total1,701,161