그저께 유니클로 캘린더에 대한 소개 글을 올렸었죠. 블로그의 사이드 바에도 위젯을 추가시켰습니다. 물론 동영상 구경하기에는 블로그 위젯보다 홈페이지에서 직접 보는 게 더 나아 보입니다.

유니클로 캘린더를 멍하니 구경만 하다, 문득 이런 스타일의 동영상을 직접 만들어보면 어떨까 하는 생각이 들었습니다. 시부야나 미나토, 긴자 같은 곳을 직접 찍을 순 없지만 이곳 광화문 사거리는 가능하니까요.

 

먼저 유니클로 캘린더의 동영상을 자세 살펴봤습니다.

꽤 오랜 시간 촬영한 동영상을 매우 빠르게 재생시키고, 화면의 일부에 블러(blur) 처리를 했네요. 마치 정교하게 만들어진 미니어처를 접사로 촬영한 느낌입니다. 블러 또는 포커스가 안 맞은 부분을 보니 최신 DSLR카메라의 동영상 기능을 이용한 것 같기도 하네요.

 

그래서 저도 꽤 긴 시간의 동영상을 촬영하고, 재생시간을 빠르게 한 뒤, 블러 처리를 해서 동영상을 만들었습니다. 따로 캠코더나 동영상 기능이 되는 DSLR을 가진 게 없어, 그냥 똑딱이의 동영상 촬영 기능을 이용했습니다(후지 F40fd). 아래 동영상이 그 결과물입니다(재생 시 HQ버튼을 눌러주세요).

…망했네요. 해상도도 낮고 색도 우중충해서 미니어처 느낌이 별로 나질 않아요 ㅠㅠ 아무래도 샤픈 필터를 왕창 먹이던가, HD캠을 사던가 해야 할 것 같네요. 640x480 짜리로는 힘들어요… 휴~

다음에 또 다시 찍어서, 색상 보정도 좀 하고… 그렇게 해서 만들어야 할 것 같습니다….

어제 서울광장에서 폴 포츠(Paul Potts)의 공연이 있었습니다. 2007년 브리튼스 갓 탤런트(Britain’s got talent)라는 프로그램에서 선보인 멋진 오페라 곡을 통해 휴대폰 외판원에서 성악가로 변신한 바로 그 사람입니다. 이번에 두 번째 앨범을 출시하며 한국을 방문했는데, 바로 어제 저녁 서울광장에서 많은 시민들을 모아놓고 무료 공연을 펼쳤습니다.

오후 7시 30분부터 시작된 공연에는 정말 많은 시민들이 광장을 메웠습니다. 겨우겨우 한쪽 끝에 자리를 잡아, 공연을 볼 수 있었습니다. 맨 먼저 남성 4인조로 이루어진 ‘비바보체’의 무대가 있었습니다. 잘생긴 네 청년이 여러 곡을 멋지게 불러 많은 박수를 받았습니다. 다만 음향시설이 좀 열악했는지, 노래 부르는 도중에 지직거리는 소리가 좀 나더군요. 다음으로 이화여대 배일환 교수와 그 제자들이 20대의 첼로로 훌륭한 연주를 선보였습니다. 중간에 성악을 공부한 같은 학교 소프라노 학생이 나와, 많은 사람들에게 친숙한 파리넬리의 ‘울게 하소서’를 불렀습니다.

어느새 한 시간이 훌쩍 지나 오후 8시 30분, 전광판에 동영상이 재생되고 곧 폴 포츠가 등장했습니다. 나오자마자 한 곡을 불렀는데요, La Prima Volta 라는 곡입니다.

▲ La Prima Volta

노래가 끝나자 다소 어색한 발음으로 '안녕하세요'라고 인사하네요. 서울광장에 모인 많은 사람들에게 매우 고맙다고 했습니다. 다음에 부를 곡을 소개한 뒤, 다시 노래를 시작했습니다.

 

▲ E Lucevan le Stelle (Tosca)

오페라 토스카에 나오는 곡을 멋지게 불렀습니다. 또렷한 발음으로 '감사합니다'라고 하는군요.

 

▲ Il canto

이어서 파바로티가 살아 생전 불렀던 곡, Il canto를 불렀습니다. 유튜브를 통해 파바로티가 부른 Il canto 동영상을 찾아봤는데, 정말 멋진 곡이더군요. 세 번째 곡을 부른 뒤, 진행자와 함께 짧은 인터뷰 시간을 가졌습니다.

 

▲ Tristesse

이어서 Tristesse라는 곡을 불렀습니다. 제목은 낯설지만 어디선가 자주 들었던 곡 같네요. 방송에서도 자주 들었던 것 같고요. 이 곡을 부르고 폴 포츠는 일단 퇴장했습니다. 하지만...

 

▲ Nessun Dorma (Turandot)

곧 앵콜이 나오고, 다시 등장한 폴 포츠. 오페라 투란도트의 '공주는 잠 못 이루고'를 부르기 시작했습니다. 브리튼스 갓 탤런트에서 처음 선보인, 그를 유명하게 만든 바로 그 곡이죠.

이렇게 총 1시간 30여 분에 걸친 공연이 끝났습니다. 폴 포츠의 무대가 30분밖에 안돼 좀 아쉽긴 했지만 다른 출연자들의 무대도 훌륭했습니다. 친구들에게 보여주려고 동영상을 찍었는데 어쩐지 제가 더 계속 돌려보게 되네요. 정말 환상적인 무대였습니다.

덧) 각 노래들 제목 찾느라 고생했어요... 진행자 멘트를 일일이 다 듣고, 유튜브에서 검색하고, 노래 들어보고 하면서 겨우겨우 찾았네요.

예쁜 아가씨들이 컬러풀한 의상을 입고 여러 가지 퍼포먼스(?)를 펼치던 플래시 시계, 유니클락을 기억하십니까? 본래 목적인 시계보다는 화면이 넘어갈 때마다 바뀌는 퍼포먼스 영상 때문에  큰 인기를 끌었었죠. 블로그용 위젯(파츠)도 제공되어 많은 분들이 블로그 사이드 바에 추가시켜 두었던 걸로 기억합니다. 또한 유니클락과 비슷한 컨셉트의 광고가 제작되어 전파를 타기도 했었죠.

그런 유니클로에서, 이번에 새로운 플래시 작품을 선보였습니다. 시계에 이어 이번엔 캘린더입니다.

전작인 유니클락과 비슷한 컨셉트의 캘린더입니다. 월/일/요일 표시가 되고, 설정한 지역에 따라 간단하게 날씨도 표시됩니다. 왼쪽에는 일본 내 명소들을 찍은 ‘동영상’ 이 끊임없이 재생되는데요, 블러(blur)처리와 빠른 재생을 통해 마치 미니어처 같은 느낌을 줍니다. 개미만큼 작은 사람들이나 자동차가 우르르 움직이는 걸 보면 엄청 귀엽네요.

물론 이번에도 자사 제품광고는 빠지지 않았습니다. 끊임없이 재생되는 동영상을 클릭하면, 모자이크 모양의 정지영상으로 바뀝니다. 각각의 모자이크는 유니클로 제품의 썸네일로 이루어져 있습니다. 동영상에서 파란 하늘이었던 부분은 파란색 옷으로, 빨간색 기둥이었던 부분은 빨간색 옷으로 표시되는 식이지요. 각 제품의 썸네일을 누르면 큰 사진으로 볼 수 있고, 다시 한 번 누르면 온라인 매장으로 연결됩니다.

아직 스크린세이버는 나오지 않았지만, 블로그에 달 수 있는 위젯(파츠)은 공개되어 있습니다. 간단한 설정을 몇 가지 거쳐 발급받은 코트를 블로그에 넣으면, 멋진 유니캘린더를 블로그에서도 볼 수 있죠.

 

유니캘린더 블로그 파츠 달기

▲ 유니캘린더 홈페이지에 접속 후, 오른쪽 하단에 있는 ‘Blog Parts’ 를 클릭하고 국가를 선택합니다.

 

▲ 국가를 선택하고 나면 도시를 선택할 수 있는데, 우리나라에는 부산과 제주, 서울밖에 없군요. 아마도 날씨 정보 때문인 듯 합니다. 일본으로 선택하면 우편번호를 입력해 도시를 설정할 수 있습니다. 미국도 많은 도시가 있는 건 아니군요. 북한으로 설정해두면, 달랑 평양 한 곳만 뜹니다.

 

▲ 재미있는 BGM이 나오게 할 것인지 나오지 않게 할 것인지 고르고 난 뒤,

 

▲ 위젯의 크기를 고릅니다. Large는 가로형이고, Small은 세로형입니다. 자신의 블로그에 딱 맞는 크기가 없다고 고민할 필요는 없습니다. 어차피 다 수정 가능하니까요.

 

▲ 위젯을 어디에 달 것인지 고릅니다.

 

▲ 생성된 코드를 복사해서, 자신의 블로그에 추가합니다.

 

네 번째 순서에서 위젯의 크기를 지정했는데, 단순히 Large와 Small로 되어 있습니다. 그런데 자신의 블로그 디자인과 사이즈가 맞아 떨어지지 않는다면? 물론 고민할 필요는 없습니다. HTML 코드만 아주 살짝 수정해주면 되니까요.

위 스크린샷은 생성된 코드를 메모장에 붙여넣기한 것입니다. 노랗게 표시된 부분의 숫자만 바꿔주면 됩니다. 앞서 설정한 Large나 Small은 단순히 가로형, 세로형으로 나뉜 것일 뿐이죠. Large(가로형)일 경우 width와 height의 값을 2:1 비율로, Small(세로형)일 경우 width와 height를 1:2로 바꿔주면 됩니다. 위 스크린샷에는 424x212px로 설정되어 있네요. 어차피 플래시 오브젝트이기 때문에 비율만 잘 맞춰서 넣어주면 예쁘게 들어갑니다.

그나저나 이 플래시 위젯, 트래픽도 꽤 먹는 것 같고 시스템 자원도 꽤 차지하는 것 같네요. 역시 잠깐 달아두었다 바로 떼어버릴지도 모르겠습니다.

햇수로 벌써 4년이나 된 블로그 템플릿을 Blogger의 ‘템플릿’ 방식에서 ‘레이아웃‘ 방식으로 변경 중입니다. 그 동안 새 방식이 까다롭다고, 복잡하다고, 코드보기 귀찮다고, 시간 없다고 차일피일 미루었는데 어느 순간 갑자기 필(!)을 받아서 해치워 버렸습니다. 기본 디자인이 전과 크게 다르지 않아 실망하시는 분도 계실 것 같네요(그 정도로 인기 있는 블로그도 아니지만).

이전 글 보기가 한결 수월해졌고, 태그 클라우드도 달았습니다(phydeaux3, Zizukabi 참고). 블로거 ‘템플릿’을 ‘레이아웃’으로 바꾸는데 있어 지저깨비님 블로그에 도움이 될 만한 글들이 많더군요. Blogger를 쓰고 있다면, 꼭 한번 가보시길 추천합니다.

아마 며칠 동안은 계속 최적화를 해야 할 것 같습니다. 여기저기 손봐야 할 곳이 많네요. 믹시의 믹스 업 위젯도 제대로 작동 안하고 말이죠. 믹시의 믹스 업 위젯은 금방 수정되었습니다(mixsh inside 참고). 구형 템플릿용 코드와 신형 레이아웃용 코드 둘 다 정상작동 합니다.

그나저나 이전 글 목록을 보니 게시물 수가 참 적네요. 일년에 100개도 쓰지 못했다니…!

덧) 이전 글 목록과 덧글 목록의 CSS 스타일을 수정했습니다. 역시 CSS는 편해요. (6/12)

덧2) Google Friend Connect 라는 걸 설치했는데... 아직 잘 모르겠네요. 근데, 이건 대체 언제 나온거죠? (6/13)

요새 Daum 지도를 매우 유용하게 쓰고 있습니다. 특히 버스 노선 안내 기능과 로드뷰 기능 등이 꽤 훌륭해서 자주 애용하고 있지요. 예전엔 네이버 교통의 버스노선 안내를 참고했지만 Daum 지도 서비스가 시작된 이후 네이버 교통은 잘 쓰지 않게 되었습니다. 아마도 지도 상에 버스 노선이 바로바로 나타나는 Daum 지도의 안내 방식이 저에게 좀 더 맞았던 것 같습니다.

그런데 하루에도 몇 번씩 Daum 지도를 이용하다 보니, 지도 데이터상의 오류가 하나 둘 눈에 띄기 시작했습니다. 사라진 지 1년이 넘은 편의점이 아직도 버젓이 표시되어 있었고, 몇 달 전에 사라진 음식점도 그대로 지도상에 있었으며, 버스 정류장 위치도 잘못 표기되어 있었죠. 편의점이나 음식점 정도야 자주 생겼다 없어지기도 하는 것이니 그럭저럭 넘어갈 만 하지만, 버스 정류장의 경우 지난 3년 간 있지도 않은 정류장을 있다고 표기하는 등 문제가 심각했습니다. 우선 Daum 지도에서 위치 정보가 잘못된 곳들을 하나씩 살펴 볼까요?

 

 

남산 팔각정 버스정류장

서울 남산에 위치한 팔각정휴게소 근처 항공사진(스카이뷰)입니다. 위 사진에서 팔각정휴게소 왼쪽 위에 보라색 아이콘으로 표시된 버스정류장 표시가 보이실 겁니다. 그럼 저기 보이는 노란 것들은 대체 무엇일까요?

 

바로 남산 팔각정까지 오르는 유일한 대중교통수단, 노란색 순환버스들 입니다. 로드뷰를 통해 살펴보니 도로 바닥에 ‘버스’ 표시가 선명하네요. 위 사진에서 보이는 곳이 바로 버스정류장입니다. 로드뷰를 통해 정류장 표지도 확인할 수 있었습니다. 지도에 표시된 정류장과 실제 정류장의 위치가 다른 것입니다. (Daum 지도에서 위치보기)

 

 

금호아시아나 본관 앞 정류장

비슷한 오류가 또 있었습니다. 세종로 사거리(광화문 사거리) 옆 신문로에 위치한 금호아시아나 본관 앞 정류장이 바로 그것이지요. 위 스크린샷을 보시면, 로드뷰 표시(캠 모양으로 생긴 것)가 어느 한 버스정류장을 비추고 있는 걸로 보이실 겁니다. 보라색 버스정류장 아이콘이 살짝 가렸네요. 지도에선 ‘신문각’ 이란 음식점 근처에 버스정류장이 위치한 걸로 표시되어 있습니다만, 실제 저곳은 그냥 인도 + 새문안교회 입구입니다.

 

실제 버스정류장은 바로 여기, 금호아시아나 본관 바로 앞에 있습니다. 위치도 구세군 회관 쪽에 좀 더 가깝죠. 한 블럭 정도 차이가 납니다. 남산과 마찬가지로 지도에 표시된 버스정류장과 실제 버스정류장의 위치가 다르게 표시되어 있죠. (Daum 지도에서 위치보기)

 

사실 이 정도는 그냥 봐줄 만 한 수준입니다. 한 블럭 정도 오차가 있긴 하지만, 없는 정류장을 표시한 것도 아니고 노선이 틀린 것도 아니니까요. 하지만 아래에 소개할 오류는 좀 심각한 수준입니다.

 

 

광화문 오피시아 빌딩 앞 정류장, 편의점

위 스크린샷을 보면, ‘광화문 오피시아빌딩’ 이란 신축건물 앞에 버스정류장이 위치한 걸로 표시되어 있습니다. 서울 간선 273번, 경기도 시외일반 631번, 909번, 좌석 7000번 등이 정차하는 것으로 안내되고 있네요. 그런데, 이 정류장은 존재하지 않는 정류장 입니다.

 

로드뷰를 통해 위 정류장을 살펴본 모습입니다. 아무것도 없습니다. 그곳은 그냥 좁다란 인도일 뿐이고, 광화문 오피시아빌딩 바로 앞에는 택시 정류장이 있죠. 이 빌딩이 지어진 지 약 3~4년 정도 되는데, 그 이전은 몰라도 최소 지난 3년 동안 저곳에 버스정류장이 있던 적은 없었습니다. 그리고 같은 위치에 GS25 편의점이 있는 것으로 표시되어 있는데, 이 또한 약 1~2년 전에 없어진 편의점입니다. (Daum 지도에서 위치보기) 

 

그럼 ‘없는 정류장’에 정차하는 것으로 표시된 버스들은 대체 어디서 타야 할까요? 서울 간선버스(B) 273번은 금호아시아나 본관 앞 정류장에서(위 스크린샷), 나머지 경기도 버스들은 광화문 역 6번 출구 옆 버스정류장(광화문빌딩 앞)에서 타야 합니다. 이 지역은 초행길인 사람이 Daum 지도를 참고해서 버스를 타려 한다면, 낭패를 볼 게 뻔하겠죠. 오피시아 빌딩 앞 ‘없는 정류장’ 에서 금호아시아나 본관 앞 정류장까지는 약 200m나 떨어져 있으니까요.

 

작년에 새롭게 개편된 Daum 지도는 현재 콩나물의 지도 데이터를 기반으로 서비스되고 있습니다. 개편 이전에도 콩나물의 지도 데이터를 썼는데, 그렇다면 잘못된 정보를 버젓이 안내한 게 대체 몇 년이나 되는 걸까요?

 

 

지도위치 수정 요청

그나마 다행인 건, 잘못된 위치 정보에 대해 사용자가 직접 수정 요청을 할 수 있다는 점입니다. Daum 지도 화면 하단에 위치한 ‘지도위치 수정요청’ 링크를 클릭하면, 요청 양식을 작성할 수 있습니다.

위 스크린샷은 제가 직접 지도 오류에 대해 신고한 목록입니다. 날짜가 5월 25일로 되어 있는데, 실제론 그 전에 신고했었습니다. 지도 수정요청 방식이 바뀌기 전이었죠. 신고를 하고 나서도 아무런 답변이나 수정이 이루어지지 않아, 다시 신고했던 것입니다.

지금은 Daum 고객센터를 통해 요청하는 방식으로 바뀌었는데, 원래는 Daum 고객센터를 거치지 않고 별개로 작동했습니다. 바뀐 지 몇 달 되지도 않았죠(약 1~2달). 그 이전엔 따로 신청 양식을 써서 보내야 했는데, 문제는 사용자가 수정 요청한 내용을 나중에 다시 확인할 수 없다는 것이었습니다. 한번 쓰고 보내면 땡 이었던 거죠.

 

물론 지금은 Daum 고객센터를 통하도록 바뀌었고, 사용자가 신고한 내용을 나중에 다시 확인할 수도 있으며, 담당자가 친절히 답변도 달아줍니다. 거의 하루 만에 달린 담당자의 답변을 살펴보니, 처음 신고했을 때 이미 수정이 이루어진 것 같더군요. 다만 아직 6월 중순이 되질 않아 업데이트가 안 된 모양입니다. 처음 신고는 아마 5월 중순 전에 이루어졌을 텐데 타이밍이 애매했는지, 실제 수정에 한 달이나 걸리게 되었네요. 아마도 지도 데이터 제공 업체인 콩나물에서 수정을 해줘야 하니까 그런 거겠죠? 아무튼 빠른 시일 내로 수정되었으면 좋겠네요.

덧) 매 달 중순에 업데이트 된다더니, 수정이 되긴 되었네요. 그런데 몇몇 부분만 수정되어 아쉽습니다. (06/17)