[Web Widget/Gadget] 홈페이지에서 애완동물 키우기

2009/05/02 12:30



HTML에 기반한 코드로 만들어진 특정 기능의 작은 프로그램을 위젯(Widget) 또는 가젯(Gadget)이라고 한다. PC의 바탕 화면에 띄어 놓고 사용할 수도 있고, 홈페이지나 블로그에서 삽입하여 사용할 수도 있다. 나는 개인적으로는 정보형과 놀이형으로 나누며, 바탕 화면에서 사용하는 것은 일정 관리 등 정보형이다. 특히 개인화 홈페이지 경우에는 홈페이지를 다양하게 꾸미는 목적으로도 사용하는데 잘 살펴보면 재미있는 것이 많다.

아래는 aBowman이라고 하는 블로그에서 받아 사용할 수 있는 가젯 중 애완동물과 관련된 것만 추려 놓은 것이다. 플래시(swf)로 되어 있기 때문에 따로 저장해 두었다가 웹 브라우저나 KMPlayer 등으로 따로 실행해 즐길 수도 있다.

aBowman 가젯 페이지로 가기

햄스터(Hamster): 쳇바퀴를 열심히 돌리고 있는 햄스터 주위를 클릭하면 먹이가 만들어진다. 이걸 햄스터가 내려와 주워 먹고 물도 마신다. 먹이를 다 먹으면 또 일하러 간다. 일 안 하면 쳇바퀴 중앙의 작은 동그라미 클릭.


거북(Turtle): 마우스 커서가 있는 곳으로 엉금엉금 기어온다. 마우스를 클릭하면 먹이가 생긴다. 이걸 또 주워 먹으러 다닌다.



펭귄(Penguins):
그냥 클릭한 곳으로 몰려다닌다. 뒤뚱뒤뚱.


물고기(Fish): 마우스 커서가 있는 방향으로 몰려온다. 클릭하면 먹이가 생기고 헤엄치고 다니면서 이걸 먹는다.



청개구리(Tree Frog):
클릭하면 생기는 파리(?)를 혀로 낚아챈다. 파리도 계속 움직인다.



거미(Spider):
 마우스를 클릭한 곳으로 방향을 틀면서 돌아다닌다.


PC에 저장해 놓으면 기본 모드로 작동하며, 물고기 수나 색상, 거미의 크기와 속도 등 다양한 옵션은 해당 홈페이지에서 설정한 후 코드를 받을 수 있다.
관련 글
오늘 인기 글
30일간 인기 글


Creative Commons License 이 저작물은 크리에이티브 커먼즈 코리아 저작자 표시-비영리-변경 금지 2.0 대한민국 라이선스에 따라 이용하실 수 있습니다.





컴퓨터 화면에서 나타나는 다양한 모습을 그림이나 동영상으로 잡아두는 캡처 프로그램 중 내가 최고로 치는 것은 SnagIt Camtasia Studio 이다. 둘 다 TechSmith 라는 회사에서 만들어 판매하고 있다. 그런데 가장 좋기는 한데 가격도 만만치 않고, 많은 기능 때문에 사용법도 그리 쉽다고만은 할 수 없다. 그래도 많은 여러 유료 및 무료 프로그램을 뒤로 하고 아직도 가장 즐겨 사용하는 프로그램이다.

이 프로그램의 제작사에서 화면 캡처용 무료 프로그램을 만들어 배포하고 있다. Jing(징)이라는 프로그램으로 SnagIt과 Camtasia의 가장 기본적이고 핵심적인 기능만 추려 만든 아주 간단한 이미지 및 동영상 캡처 프로그램이다.

Jing 홈페이지로 가기

프로그램 홈페이지에서 설치 파일을 내려받아 설치하면 다음 그림들과 같은 단계를 거친다.

User image
User image
User image
User image
User image

설치 마지막 단계로 아래와 같인 Screencast.com 에 가입하는 메뉴가 나타난다. 이메일 주소 등 간단한 정보만 넣어주면 바로 가입할 수 있다. 이 프로그램으로 캡처한 이미지나 동영상을 웹에 게시하는 용도로 사용할 수 있다.

User image
User image

프로그램이 시작되면 화면 시스템 트레이와 화면 상단 중앙에 프로그램 아이콘이 나타난다. 아래 그림은 시스템 트레이의 프로그램 아이콘에서 오른클릭을 한 것이다. [More]를 누르면 프로그램 설정 메뉴로 들어갈 수 있다.

User image

User image
User image

화면 캡처를 시작하기 위해서는 화면 상단 중앙에 나타나는 프로그램 아이콘을 클릭하면 된다.

User image
User image
User image
User image
User image
User image
User image
User image
User image
User image
User image
User image
User image
User image

캡처한 이미지는 PNG 파일로만 저장되며, 비디오 모드로 움직임을 저장한 동영상 파일은 SWF로만 저장된다.

User image

비디오 캡처가 끝나면 아래 그림과 같이 동영상 미리보기가 나타난다.

User image
User image

아래는 재생 중인 동영상을 캡처한 샘플이다. 이런 식으로 결과물이 만들어진다. 중앙의 재생 버튼을 클릭하면 동영상을 볼 수 있다.

관련 글
오늘 인기 글
30일간 인기 글


Creative Commons License 이 저작물은 크리에이티브 커먼즈 코리아 저작자 표시-비영리-변경 금지 2.0 대한민국 라이선스에 따라 이용하실 수 있습니다.





PC에서 작성한 문서를 PDF로 변환하는 것은 이제 많이 일반화하였다. 몇몇 프로그램은 자체에 PDF 변환 기능이 들어있기도 하다. 이런 PDF와 함께 배포, 공유용 포맷으로 많이 애용되는 것이 바로 플래시 파일(SWF)이다. PDF로 변환하는 기능이 내장되어 있지 않은 한/글(아래아한글)조차 이 기능이 들어있다.

SWF Printer Pro는 일종의 가상 프린터 프로그램이다. 인쇄 메뉴가 있는 프로그램에서 이 프린터를 선택해 해당 문서를 인쇄하면 SWF로 바꿔준다. 덤으로 PDF로도 변환할 수 있고, JPG도 가능하다.

프로그램 페이지로 가기

User inserted imageUser inserted image
무료이다. 페이지 이동 버튼도 만들어주기 때문에 아주 용이하게 사용할 수 있다.

관련 글
오늘 인기 글
30일간 인기 글


Creative Commons License 이 저작물은 크리에이티브 커먼즈 코리아 저작자 표시-비영리-변경 금지 2.0 대한민국 라이선스에 따라 이용하실 수 있습니다.


[Windows Mobile 5] 플래시 파일 보기

2007/09/04 15:36



PDA에서 PDF 파일을 보려면 해당 버전의 Adobe Reader를 설치하면 된다(관련글: [PDA] Adobe Reader for Pocket PC 2.0(2005. 12. 12.)) 이 프로그램은 2005년에 나왔지만 Windows Mobile 5(WM5) 버전에서도 잘 작동한다. 아직도 한글 버전은 없지만 영문 버전에서도 한글은 잘 보이니 그대로 사용하면 된다.

이와 함께 플래시(flash) 파일(.swf)을 보려면 이번에는 해당 버전의 플레이어를 설치해야 한다.

Macromedia Flash Player 7 for Pocket PC 다운로드 페이지로 가기

Adobe Reader는 PDA를 PC에 연결 후 PC에서 설치 프로그램을 돌려야 하지만, Flash Player는 CAB 파일이므로 PDA로 복사한 후 PDA에서 실행해 설치해야 한다.

이 프로그램은 단독으로 실행해 플래시 파일을 보는 것이 아니라 PDA의 Internet Explorer(인터넷 익스플로러) 내에서 플래시 파일을 볼 수 있도록 해준다.

User inserted image
내가 사용하는 플래시 파일 재생 전용 프로그램은 "Bryht Flash Player"이다. 2.0이 최신 버전인데 2005년에 마지막 업데이트가 있었고 이후 업데이트 소식은 없다.

Bryht Flash Player 2.0 홈페이지로 가기

원래 Pocket PC 2002와 Windows Mobile 2003용이지만 WM5에서도 문제없이 잘 돌아간다. 상용 프로그램이며 이 프로그램을 사용하기 위해서는 위의 Macromedia Flash Player가 일단 설치되어 있어야 한다. 설치 순서는 상관 없다.



관련 글
오늘 인기 글
30일간 인기 글


Creative Commons License 이 저작물은 크리에이티브 커먼즈 코리아 저작자 표시-비영리-변경 금지 2.0 대한민국 라이선스에 따라 이용하실 수 있습니다.


[한/글] 한/글(아래아한글)에 플래시 파일 넣기

2007/07/20 12:40



한/글(아래아한글)에서는 [입력] > [개체] > [플래시] 메뉴를 이용하면 플래시 파일을 문서에 넣을 수 있다. 2005와 2007 버전이 동일하다.

User inserted image

관련 글
오늘 인기 글
30일간 인기 글


Creative Commons License 이 저작물은 크리에이티브 커먼즈 코리아 저작자 표시-비영리-변경 금지 2.0 대한민국 라이선스에 따라 이용하실 수 있습니다.


[MS Office] 엑셀, 워드, 파워포인트에 플래시 파일 삽입하기

2007/07/20 12:26



사용 기능
- 컨트롤 도구 상자기타 컨트톨

예제에서 사용한 플래시 파일 경로: http://cantips.com/attachment/1133413919.swf

1. Excel(엑셀) 시트에 삽입하기

2. Word(워드) 문서에 삽입하기


3. PowerPoint(파워포인트) 슬라이드에 삽입하기

관련 글
오늘 인기 글
30일간 인기 글


Creative Commons License 이 저작물은 크리에이티브 커먼즈 코리아 저작자 표시-비영리-변경 금지 2.0 대한민국 라이선스에 따라 이용하실 수 있습니다.


[XCHART.NET] 차트를 플래시로 끝내주게 그려주는 사이트

2007/07/19 23:43



내가 좋아는 차트 생성 프로그램은 GlobFX의 Swiff Chart(스위프 차트) 이다. Excel(엑셀)에 잘 정리된 데이터를 생동감 있는 차트로 멋있게 그려준다. 플래시로 만들 수 있기 때문에 웹에서도 사용할 수 있고 특히 프레젠테이션용으로 슬라이드에 삽입하면 괜찮아 보인다.


유사한 기능을 웹에서 구현해주는 XCHART.NET을 보았을 때 바로 이 프로그램이 생각났다.

XCHART.NET 사이트로 가기

여러 가지 통계 정보를 사용자들이 구성해 가는 일종의 메타 사이트로 볼 수 있는데 상단의 [차트 만들기] 메뉴를 통해서 이런 노력에 일조를 할 수도 있고 자신이 필요한 차트를 간단하게 만들 수도 있다.



사용을 위해서는 사용자 등록을 해야 한다. 입력하는 정보는 아이디, 비밀 번호, 이메일 주소 정도이다. 몇 가지 세세한 설정을 더 할 수 있도록 해주었으면 좋겠지만 한글도 잘 지원되고 유용하게 사용할 수 있을 것으로 생각된다.

사실 MS Excel에서 제공하는 차트 그림은 "멋있게" 그리려면 더 많은 수고를 해야 하고 몇 가지 데이터 조작 기능을 포기하고 PowerPoint(파워포인트)의 차트 기능을 써야 한다. 그래도 Excel 2007이 나오면서 이 차트 그림이 상당히 세련되어진 것은 사실이다.
관련 글
오늘 인기 글
30일간 인기 글


Creative Commons License 이 저작물은 크리에이티브 커먼즈 코리아 저작자 표시-비영리-변경 금지 2.0 대한민국 라이선스에 따라 이용하실 수 있습니다.


[OpenOffice.org Impress] PowerPoint 파일(PPT)을 플래시 파일로 변환하기

2007/03/28 23:48



PowerPoint(파워포인트)로 작성한 PPT 파일을 주로 인쇄를 목적으로 변환할 때에는 PDF를 사용하게 된다. 그러나 모니터 화면에서 재생하는 것을 주목적으로 한다면 플래시 파일(SWF)로 변환하는 것이 효과적이다. PowerPoint 자체에는 이런 기능이 없어서 이런 역할을 하는 별도의 소프트웨어가 여럿 있다.

이 중에 OpenOffice.org의 구성 애플리케이션 중 Microsoft PowerPoint에 대응하는 Impress를 사용하면 무료로 쉽게 이 작업을 할 수 있다.

PPT가 미리 작성되어 있어도 되고, 이 프로그램에서 바로 작성해도 된다. 단, PowerPoint에서 작성한 파일이 2007버전용(확장자 pptx)이라면 2003버전으로 전환해 두어야 한다.

이 파일을 Impress에서 열어보면 100%에 가깝게 원본 그대로 불러온다. 그래도 혹시 모르니 수정해야 할 부분이 있는지 확인하는 것도 좋다.

그다음 메뉴에서 [파일] > [내보내기]를 선택하고, 파일 형식을 "Macromedia Flash (SWF) (.swf)"로 선택하여 [저장] 버튼만 눌러주면 된다. 파일 크기가 크다면 시간이 좀 오래 걸리기는 하지만 한글 글꼴도 잘 변환해준다.

OOo Impress 내보내기

OOo Impress 내보내기



이는 예전 버전부터 있던 기능으로 PDF로도 변환할 수 있다.
관련 글
오늘 인기 글
30일간 인기 글


Creative Commons License 이 저작물은 크리에이티브 커먼즈 코리아 저작자 표시-비영리-변경 금지 2.0 대한민국 라이선스에 따라 이용하실 수 있습니다.