VLOG

지난 달 26일에 열렸던 첫 번째 VLAAHDAY을 성공적으로 마쳤습니다. 신촌 씨밀레의 작은 세미나실에서 Lunant 팀을 포함해 14명이 함께한 자리였습니다. 식사 전까지 세 개의 테이블에서 각각의 주제에 대해 이야기를 나누었는데 그 주제는 “VLAAH에 아쉬운 점”, “VLAAH의 첫 느낌”, “VLAAH의 UI”였습니다.

VLAAH에 아쉬운 점

VLAAH 개발을 맡고 있는 강성룡이 메인 호스트를 맡아 진행하였습니다.

VLAAH의 아쉬운 점에 대해선 수많은 의견이 오갔습니다. 주로 UX나 UI에 관한 부분이 중점적으로 다뤄졌기 때문에 아래에 있는 VLAAH의 UI에 대한 의견과 겹치는 부분이 많았습니다. 그것들을 제외한 인상적인 의견 몇 가지를 소개하도록 하겠습니다.

• VLAAH와 유사한 서비스가 없거나 적어서 남들에게 소개하기 어렵다.

  실제로 개발자 본인들도 VLAAH를 처음 보는 사람들에게 소개할 때마다 어려움을 겪곤 했습니다. VLAAH의 슬로건인 취향공유라는 문장이 그 역할에 충분하지 못하다는 의견도 있었습니다.

• VLAAH 만의 색깔이 흐려진다.

  광장에 인터넷 이슈라는 카테고리가 생기면서 외부 주제들이 VLAAH 내로 유입되기 시작했습니다. 개편 이전의 VLAAH는 하나의 커뮤니티가 되어 내부에서 공유하던 가치들이 있었는데 그것이 변형되어 더 이상 VLAAH 만의 특별한 느낌을 주지 못한다고 합니다.

  그 밖에 로그인 유지시간이 짧아서 불편하다, VLAAH 내 핫 이슈 관련 링크가 눈에 잘 띄지 않는다, 투표한 것에 대한 피드백이 충분하지 않다 등의 의견을 주셨습니다.

VLAAH의 첫 느낌

첫 느낌에 대해선 VLAAH 개발을 총괄하고 있는 김재석이 호스트를 맡아 진행하였습니다. 이 날 대화를 통해 VLAAH를 처음 쓰시는 유저분들의 느낌을 보다 객관적으로 전달 받을 수 있었고, 그에 대한 개선 방안도 생각해볼 수 있는 시간을 가졌습니다.

• 유저가 무엇을 해야 하나?

  서비스 개발 초기 때는 개발자들 조차도 VLAAH에 대해 명확히 통일된 이미지를 가지고 있지 못한 상태였기 때문에, 클로즈드 베타 기간을 통해 우리 스스로가 이용해보면서 확인해 나가자라는 생각으로 서비스를 베타테스트를 진행했습니다.

  서비스를 운영하면서 VLAAH만이 가지는 특별한 색을 알 수 있게 되었고, 그 색을 이해하며 이용하는 사용자들의 의견을 바탕으로 서비스가 개선되고 있었지만, 막상 서비스의 기능이 많아지는 데 비해 새로 들어오는 유저에 관한 피드백이 부족했던 것이 큰 문제였습니다.

• 생소한 서비스 개념 - 어떻게 어필할 수 있을까?

  VLAAH의 서비스 개념이 가지는 독특함을 유저에게 어떻게 어필할 수 있을 지에 대한 이야기가 오갔습니다. VLAAH가 독특하다는 것은 하나의 장점이 될 수도 있지만 Blog 처럼 이미 기존의 즐기는 법이 이전부터 쌓여온 서비스와는 다르기 때문에 새로운 재미를 설득력있게 제시해야 한다는 어려움이 있기 때문입니다.

  이부분은 저희 개발팀에서도 항상 고민하던 부분이었는데, 이 날 대화를 통하여 유저들이 여러 웹 서비스에 대해 가지는 다양한 관점에 대해 경험할 수 있었습니다.

VLAAH의 UI

VLAAH의 디자인과 개발을 맡고있는 이흥섭이 호스트를 맡은 자리였습니다. 더 편리하게 쓸 수 있도록 하려던 시도가 오히려 사용자를 불편하게 만들 수 있다는 것을 느낄 수 있었습니다.

• 댓글 입력창이 너무 멀다.

  투표한 주제 페이지에선 댓글 입력창이 나타나는데 이게 투표 버튼에서 너무 멀리 떨어져있어 처음엔 찾기 어렵다고 합니다. 다행히 모임자리에서 바로 좋은 해결책을 찾을 수 있었습니다.

• 하이퍼링크 캔디바는 당황스럽다.

  제일 놀란 점이었습니다. 아직 조금 불편하긴 하지만 이번 개편의 가장 중요한 아이디어 중 하나라고 생각했었는데 웹 페이지의 일반적인 디자인이 아니기 때문에 당황스러웠다고 합니다.

• 플러스와 마이너스의 정해진 방향이 오해를 불러일으킨다.

  주제 페이지의 의견 탭 같은 곳에서는 색을 구별하지 못하는 사용자를 위해 의견박스가 플러스와 마이너스 여부에 따라 각각 왼쪽과 오른쪽에 치우쳐있습니다. 플러스 의견 바로 아래에 마이너스 의견이 나란히 이어질 경우, 들여쓰여진 것으로 보여 댓글의 댓글 같은 하위개념으로 보이기도 한다고 합니다.

후기

1st VLAAHDAY 에서 얻은 유저분들의 소중한 경험들은 저희가 서비스를 개선하는데 아주 큰 역할이 되었습니다. 8~9월 중으로 예정되어있는 초대장 오픈을 앞두고 이 날 오갔던 쟁점중에 많은 부분에 대한 저희 나름의 답을 내었고, 그에 대한 작업을 점진적으로 진행중에 있습니다.

이렇다할 깜짝 선물 하나 준비하지 못해 부족한 모임이었지만 (ㅠㅠ) 3가지 주제의 난상토론에 참여해주신 VLAAH 유저분들께 진심으로 감사드립니다!

안녕하세요? 얼마 전에 이루어진 디자인 개편을 맞이해 회원 분들과 함께하는 만남의 자리를 만들게 되었습니다. 이름하여 VLAAHDAY!

VLAAHDAY는 처음으로 공석에서 야간개발팀을 소개하는 자리이기도 합니다. 또한 여러분의 의견을 적극적으로 받아들이고자 디자인 개편 이후, 또는 그 이전부터 VLAAH에 불편한 점이 있다면 자유롭게 이야기할 시간을 준비했습니다. 그리고 모임 내내 편안한 장소와 맛있는 간식, 든든한 저녁식사가 제공됩니다.

• 일시: 2008년 7월 26일 토요일 오후 5시
• 장소: 신촌 씨밀레 2F (신촌역 4번 출구 쪽으로 쭉 나와 두 옆골목을 지나면 바로 씨밀레가 있습니다)
• 참가비: 무료!!!
• 참가신청: VLAAH ID를 댓글로 달아주세요!
• 담당자 연락처:
• 약도:

한 여름 찝찝한 무더위, 토요일에 한가하기까지 하신 분들은 오는 토요일을 VLAAH와 함께 해주세요.

안녕하세요. VLAAH 프로젝트에서 프로그래밍과 UX디자인을 맡고있는 이흥섭입니다. 취향 공유 서비스 VLAAH가 이번에 새로운 디자인으로 거듭났습니다. 또한 디자인 개편과 함께 다양한 기능들도 추가되었습니다. 이번 새 단장으로 새로워진 VLAAH를 소개합니다.

새로운 외형

새 단장이라는 포스팅 제목에 걸맞게 사이트의 외형이 크게 바뀌었습니다. 보다 깔끔하고 일관성있게 정돈되어 보이도록 디자인했습니다.

검색 방법 변경

이전에 캔디바에 검색창을 넣는 바람에 많은 회원분들이 불편을 겪곤하셨습니다. 그래서 캔디바와 검색창을 깔끔하게 분리했습니다.

실시간 투표

더 이상 투표 버튼 누르고 페이지가 이동되는걸 볼 필요가 없습니다. 버튼을 누르는 즉시 투표가 실시간으로 이뤄지게 하여 더 빠른 블라질을 가능케했습니다. 의견은 투표한 다음에 입력해주세요.

링크된 주제도 실시간 투표

주제 페이지로 가는 하이퍼링크가 있으면 마우스 커서를 올려주세요. 그 위에 캔디바가 겹쳐질 겁니다. 물론 겹쳐진 캔디바로도 실시간 투표가 가능합니다.

탭

주제 페이지에 탭이 달렸습니다. 주제에 대해 더 자세한 정보를 보고싶으시다면 요약 이외의 탭에 들어가보세요.

광장

기존에 대문에 있던 인기 주제, 새로운 주제, 방금 얘기한 주제가 광장으로 이사했습니다. 광장에서는 오늘 제일 뜨거운 주제와 제일 뜨거운 의견, VLAAH 첫 오픈 때 대문에 있다가 사라진 네이버 이슈도 볼 수 있습니다.

다양해진 테마

기존에 있던 6개 테마가 2배로 늘어 12개가 되었습니다. 기존 테마 중 몇 가지는 이름도 바뀌었습니다. banana는 lemon으로, ocean은 bluebird로, grapes는 violet, pink는 hotpink로 말이죠. 게다가 내 페이지에서는 내가 고른 테마 색깔 대로 VLAAH 로고 색 까지 바뀝니다.

OpenSearch 지원

이제부턴 여러분의 인터넷 브라우저 검색창에서 바로 VLAAH 주제를 검색하실 수 있습니다. 현재 Firefox 3과 Internet Explorer 7이 OpenSearch를 지원하고있습니다.

많은 베타라는 이름을 내건 웹 서비스들이 그렇듯 VLAAH도 계속해서 발전해나갈 것입니다. 점점 더 좋은 서비스로 성장해갈 VLAAH를 약속드리며 새로워진 VLAAH에서도 예전처럼 재밌게, 아니 더욱 더 재밌게 놀아주시길 바라겠습니다!

이흥섭

안녕하세요. 프로젝트에서 개발과 디자인을 맡고있는 이흥섭입니다. 테마에 관한 글로 VLOG에 데뷔하게 되었네요.

에는 색색의 테마가 있습니다. 회원들이 꾸려나가는 마이 페이지는 기본 테마인 토마토색과 클로버색 조합 말고도 원하는 테마로 마음대로 꾸밀 수 있습니다. 클로즈드 베타 중인 지금은 여섯 가지 테마가 있습니다. 테마를 바꾸면, 투표 현황을 알려주는 막대기인 캔디바와 사람들의 이름, 사진 테두리 등의 색이 바뀝니다.

캔디바에는 이미지들이 필요합니다. 큰 막대기 이미지, 작은 막대기 이미지, 버튼 이미지, 마우스 커서 올린 버튼 이미지, 누른 버튼 이미지, …. 필요한 이미지 파일들을 최소화 하고 속도 문제 등을 해결하기 위해 이 모든 이미지를 칩셋 하나에 담아서 쓰고있습니다.

이제 각 테마에 대응하는 칩셋을 만들어내야 합니다. 그런데 이게 생각보다 쉬운 일이 아니었습니다. 칩셋 하나에 들어가는 레이어가 18개나 되어서 단순히 색깔만 바꾸는 작업임에도 너무 오랜 시간이 걸렸습니다. 게다가 막상 만들어놓고 나니 미묘하게 예쁘지 않을 때는 색을 수정하기 위해 배의 시간이 필요했죠. 문득 이 과정을 자동화할 수 있다면 훨씬 수월하지 않을까 생각하게 되었습니다.

테마 하나에 필요한 색은 세 개입니다. 기본 색, 밝은 색, 어두운 색. 그리고 비트맵 이미지에도 알파 체널을 제외하면 빨강, 녹색, 파랑, 세 개의 체널이 있죠. 빨강, 녹색, 파랑만으로 이뤄진 칩셋 프로토타입을 만들고 각 체널에 원하는 색을 대응시켜 바꿔치기할 수 있을 것 같았습니다.

PHP로 프로그램을 작성하기 시작했습니다. 우선 간단히 두 색을 일정한 비율로 섞어주는 과정을 프로그래밍했습니다. 이제 섞을 비율만 알아내면 칩셋을 원하는 색으로 만들 수 있습니다. GD 라이브러리를 이용해 칩셋 프로토타입 이미지로부터 필요한 체널을 뽑아낼 수 있었고 간단한 계산으로 섞을 비율도 얻어낼 수 있었습니다. 그리고 자동화하는데 성공했죠.

클로즈드 베타 때는 테마가 많지 않아서 프로그램에 큰 덕을 보지는 못했습니다. 하지만 더 이상 새로운 테마를 만드는 일에는 아무 부담도 없습니다. 작업하다 지쳤을 때나 심심할 때 테마 만드며 놀기도 합니다. 지금 프로젝트는 디자인 리뉴얼 작업에 한창입니다. 작업이 끝나고 업데이트할 즈음에는 훨씬 많은 테마를 보여드릴 수 있을거라고 생각합니다.

를 사랑해주시는 분들이 마음껏 자신을 표현할 수 있도록 더욱 최선을 다하겠습니다.

이흥섭

안녕하세요. VLAAH 개발자 홍민희입니다. 오늘은 VLAAH의 개발 플랫폼에 대해서 이야기하고자 합니다. 아마 개발자 분들에게만 재미있는 주제일텐데요. ㅋ

VLAAH 프로토타입은 Python으로 TurboGears 프레임워크를 이용해서 만들었습니다. DBMS로는 MySQL을 사용했고요. 하지만 몇가지 문제가 있어서 모두 날려먹게 되었습니다; 첫번째는 TurboGears의 로드맵을 보니 하위호환성을 별로 고려하지 않는다는 점이었고, 두번째는 프로토타입 개발 시에는 둘이었던 멤버(shinvee 님과 저)가 넷으로 불면서 Python을 학습하는 비용이 부담되었기 때문입니다. (사실 저는 Python 팬입니다. 무척 좋아해요.)

현재 보고 계시는 버전은 첫번째 프로토타입을 날리고 나서 새로 작성된 것입니다. 이 때는, 몇몇 분들은 의아하실 수 있겠지만, PHP로 작성되었습니다. 사실 Python에 비교하면 PHP는 썩 우아한 언어는 아니죠. 대신 제가 시작했고 흥섭 군이 참여하고 있는 Phunctional로 부족한 부분을 매꾸고 있습니다(흥섭 군은 제 후배로, 역시 야간개발팀 멤버입니다). Phunctional은 웹 프레임워크는 아니고, PHP에서 함수형 프로그래밍(functional programming)을 흉내내기 위한 눈물겨운 노력이 담긴 프레임워크입니다. PHP에는 원래 없는 람다 함수, 클로져 등을 지원하기 위해 갖가지 삽질을 한 결과이지요. 또 코드 중복을 제거하고 테스트 가능성(testability)을 높이기 위해 자체적으로 간단한 웹 프레임워크를 Phunctional 위에 얹어 만들어서 쓰고 있습니다. 언젠가 이 웹 프레임워크를 공개할 수 있을지 모르겠네요.

아, DBMS로는 PostgreSQL을 사용하고 있습니다. MySQL과 다르게 ORDBMS입니다. 테이블 상속(table inheritance)을 지원한다던가, 컬럼 타입으로 배열(array)이 가능하고, 사용자 정의 타입(composite type)을 만들거나, 연산자 재정의(operator overloading) 등이 가능합니다. 그 외에도 여러가지 재미있는 기능들이 많은 안전성 높은 오픈소스 DBMS입니다. PostgreSQL로 설계할 경우 디자인 방향 자체가 꽤나 달라집니다. 좀더 깔끔하게 디자인할 수 있습니다. 다른 분들께도 추천하고 싶네요. MySQL보다 훨씬 낫다고 생각합니다.

VLAAH에서는 PHP 코드에서 질의 문자열을 일일히 만들어서 쓰지 않기 위해, PostgreSQL 전용 ORM 프레임워크도 직접 작성해서 사용하고 있습니다. 이 ORM 프레임워크는 별도의 프로젝트로 진행중인데, 이름은 Phostgres라고 합니다. 개인적으로는 symfony 등에서 쓰이는 Propel이나 Active Record 패턴의 어설픈 PHP 구현들 등, 기존 PHP에서 구현된 각종 다양한 ORM 프레임워크를 찾아봤지만 사실 마음에 드는 것이 전혀 없었습니다. Python이나 Ruby 등 다른 언어에서는 SQLObject, SQLAlchemy, RoR의 ActiveRecord 등 걸출한 ORM 프레임워크가 많은데 PHP에는 찾을 수 없었죠. 게다가 PostgreSQL은 다른 DBMS와 공유하지 못하는 특징들이 많기 때문에 DBMS 중립적인 ORM 프레임워크를 쓴다는 것은 PostgreSQL의 장점들을 놓치는 결과가 됩니다. 그래서 PostgreSQL의 특징을 적극적으로 사용하는 전용 PHP ORM 프레임워크를 직접 만들기로 결정한 것입니다. 아마 Phostgres는 조만간 공개할 수 있을 것 같습니다.

생각해보니 VLAAH를 만들기 위해서 쓸데없는 수고를 더 많이 한 것 같기도 합니다. 배보다 배꼽이 더 컸던 것 같기도 하고요. 하지만 좋은 프레임워크는 좋은 서비스와 함께 만들어진다고 생각합니다. 앞으로도 VLAAH 개발을 진행하면서 부수적으로 산출되는 서브 프로젝트 결과물들을 종종 공개할 예정이니 야간개발팀을 응원해주세요.

오랜만에 글을 쓰네요. 팀원 모두가 바쁘다보니.. Qrz 오늘은 VLAAH 개발팀인 Lunant 팀의 개발 시간에 대해 이야기를 해볼게요.

저희는 3일 작업에 주당 10시간 정도로 개발을 하고 있어요. 사실 취미개발이다보니 딱 정해진건 아니고, 전체적인 작업량을 따지면 이정도가 되죠. 사실 첫 클로즈 후반 작업때는 좀 더 많이 하였어요. 최대 주당 20시간정도 한 것 같네요.

작업은 온라인 작업과 오프라인 작업이 반반 정도 비율이 되는데요. 주당 1번에서 2번 정도 만나서 정기 작업을 합니다. 항상 모여서 하지 않는 이유는 두가지인데요. 혼자서 몰입을 해서 작업을 하는 것이 좋은 부분이 있는 것과, 다들 각자의 본 직업이 따로 있다 보니 시간이 항상 들어맞는게 아니라는 것 때문이에요. 사실, 현재 작업실이 원활한 환경이 아니라 몰입하기 좋지 못하거든요.. 흑..

최근에는 업데이트되는 것이 많지 않은데, 한명을 제외한 모든 팀원이 복학, 혹은 입학을 하여 대학 생활에 적응중이라.. 작업이 더디어지고 있는 가장 큰 이유가 되고 있답니다. ㅠ ㅠ.. 하지만 주당 1번 이상의 모임을 꾸준히 가지고 있고, 작업또한 순조롭게 진행되고 있기 때문에, 멀지 않은 시간 내로 업데이트된 서비스를 만나실 수 있으실 거에요. :)

안녕하세요. VLAAH의 개발팀장 김재석입니다. VLAAHG 의 첫 글로 현재의 업데이트 진행방향에 대해 설명을 해볼까 합니다. :)

인터페이스 개선중

내부적으로 가장 중요한 사안인데, VLAAH 주제에 올려주신 의견에 맞추어 인터페이스를 개선중이에요. title과 검색창을 분리하고, 삭제기능의 추가등을 하고 있습니다. 자세한건 인터페이스 개선에 대한 글을 따로 올리도록 할게요. :)

Internet Explorer 6 문제

현재 VLAAH는 IE6에서 디자인이 많이 깨지고 있는데요. 팀 내에서 후반 작업에 IE6에 대한 피드백이 잘 이루어지지 않아 미처 제대로 확인을 못하고 서비스를 열게 되었답니다. ㅠㅠ… 인터페이스 개선 작업을 할 때 IE6를 메인으로 하여서 작업을 할 예정이니 테스터분들에게 이점은 양해를 부탁드립니다~!

초대장

이제 슬슬 유저분들에게도 초대장을 드려야겠죠? :) 테스터분들의 친구분들을 초대할 수 있게 관련 기능을 추가준비중에요. 인터페이스 개선이 완료되고 나눠드릴 예정이지만, 개선작업이 늦어진다 하더라도 초대장은 늦지 않은 타이밍에 보내드릴 예정입니다. 즐겁게 기다려주세요!