스타플(starpl) 드디어 오픈

비공개/스타플(starpl.com)

스타플(starpl) 드디어 오픈

지돌스타 2008. 12. 1. 15:39

2008년 11월 30일 오후 1시 13분 KST
새로운 스타플(http://starpl.com)을 드디어 오픈했다.

새로 오픈한 스타플(starpl.com)의 메인화면

몇달간 밤샘작업하면서 만든 결과물을 이제 오픈했다고 하니 감회가 새로웠다.
아래 동영상은 스타플을 사용하는 모습을 일부 담았다.

새롭게 리뉴얼된 스타플은 SNS를 더욱 잘 표현하기 위해 업그레이드 했다. 또한 개인 컨텐츠 생산 활성화를 위해 몇가지 기능을 더욱 추가했으며, 더욱 미려한 디자인 도입으로 사용자로 하여금 하고 내 별을 가지고 싶다는 느낌을 주려고 많이 노력을 했다. 기존 초대제로만 운영했던 방식에서 누구나 가입할 수 있도록 했다.

이제 스타플에서 추가되고 발전된 기능에 대해서 소개하겠다.
본인은 스타플의 개발자중 한명이기 때문에 본인이 관여한 부분이 중심이 되어 스타플을 소개할 것이다.

별지도 (star map) - 메타센터로서의 별지도

스타플에서 사용된 가장 큰 메타포(metaphor,상징)는 바로 별(star, 恒星)이다.

스타플은 가상의 별이 아닌 실제 관측을 통해 만들어진 천체목록에 등록되어 있는 별을 사용하고 있으며 이 별을 사람들에게 나눠준다는데서 출발한다. 거기에 감성을 더하여 자신이 이 별을 소유했고 별을 꾸밀 수 있다는 개념을 도입했으며 별에 자신의 인생을 담는다는 의미를 주기 위해 타임라인을 도입했다. 또한 별과 별을 친구로 맺게 해주고 관심별에 찾아갈 수 있게 하는 SNS(Social Network Service) 개념을 도입시켰다.

별은 우주 공간에 있다. 그렇기 때문에 Text위주의 사이트로는 별을 표현하기에 역부족이다. 그래서 도입한 것이 바로 별지도(star map, 星圖)이다. 스타플의 별지도는 2차원 공간에 별을 그려주고 일반 지도와 비슷하게 이동 및 확대/축소가 가능하게 만들어졌다. 별지도의 이러한 표현이 가능하게 하기 위해 Adobe Flash/Flex 기술을 도입했다. Adobe 기술을 도입된데는 단순히 UI 표현만을 위한 것을 뜻하지 않는다. 수억개의 별을 별지도에 표현하기 위해 데이타 베이스 작업이 필요하며 그 데이터를 별지도에 전송하고 별지도는 그 데이터를 가지고 렌더링(그림을 그려줌)해준다. 서버-클라이언트 간에 통신의 최적화를 위해 Adobe Flash/Flex 기술은 크게 도움이 되었다고 생각한다.

별지도는 외관상 전과 달라진 점은 많이 없다. 하지만 내부적 재설계를 통해 확대/축소등을 할때 예전 보다 더욱 사실감 있게 보여질 수 있도록 했으며 별자리 그림을 추가하여 좀 더 감성적으로 보여지도록 했다.

새롭게 리뉴얼된 별지도 http://starpl.com/meta

별지도에는 가입한 사람들의 별을 볼 수 있다. 사용자별(가입을 통해 받은 별)은 활동량, 분야에 따라서 별 주변의 후광의 크기와 색, 그리고 노출빈도에 영향을 준다. 새롭게 도입된 것은 바로 개인 글의 분야에 따라서 후광색이 달라진다는 점이다. 스타플은 이번 리뉴얼을 통해 RSS 발행 및 스타플 메타 센터에 글을 발행하여 공개할 수 있는 시스템을 도입했다. 그래서 전체검색등을 통해 자신의 별에 방문 유입이 가능하도록 제작되었다.

글쓰기후 분야별로 발행할 수 있다.

활동량, 분야에 따른 사용자 별지도에서 별의 후광 표현방법

발행한 글은 검색에 노출되며 별지도 상에 말풍선의 형태로 표현된다

발행된 개인 글은 스타플의 별지도의 메타센터에 노출된다. 인기글 및 추천글 등이 메인에도 노출되지만 위 화면처럼 별지도상에 보여질 수 있다. 기존 와글댓글도 별지도에 나타낼 수 있게 한 것이 이번 스타플 별지도에 변화된 점이다.

앞으로 별지도의 메타센터는 좀 더 쉽게 사용성을 높이기 위한 UI작업을 수행할 것이다. 또한 연관된 기록을 찾아갈 수 있는 기능도 추가될 예정이다.

타임라인(Time Line) - 더욱 쉬워진 인터페이스

스타플은 국내 최초로 SNS서비스에 타임라인을 도입했다. 하지만 사용하기에 불필요한 기능이 있었고 단추형태로 되어 있는 UI로 사용자의 컨텐츠가 직접 노출이 안된다는 단점이 존재했다. 이러한 단점을 극복하고 사용자에게 더욱 친숙한 타임라인을 다시 제작하게 되었다.

스타플의 새로운 타임라인

위 화면처럼 타임라인은 개인 컨텐츠가 바로 노출될 수 있도록 UI를 개편했다. 또한 카테고리 별로 자신의 컨텐츠를 볼 수 있도록 만들어 편의성을 더욱 강화시켰다.

스타플 타임라인은 스킨을 변경할 수 있다.

스타플 타임라인에서 크게 달라진 또 한가지는 바로 타임라인에 스킨를 적용할 수 있도록 한 것이다. 타임라인의 상단에 보면 원하는 색으로 입혀진 타임라인으로 자신의 별과 어울리게 스킨을 정할 수 있도록 만들었다.

타임라인도 별지도와 함께 Adobe Flex를 이용해 개발했다. 스킨기능 및 각종 데이터 통신의 편의성을 위해 Flex 기술의 도입은 디자인 적용 및 개발에 도움이 되었다.

별꾸미기 - 나만의 별을 꾸며봐요.

별꾸미기의 겉모습은 기존과 달라진 점이 많이 없다. 하지만 더욱 빨라지고 사용성을 증대시켰다.
기존에는 꾸미기 상단 패널은 Javascript, 꾸미기 영역은 Flex로 개발했지만 이번에는 전체 Adobe Flex로 개발하여 더욱 세밀해지고 확장가능한 꾸미기가 가능해지도록 제작되었다.

꾸며진 내 별의 모습

스타플에서 내 별 꾸미기하는 장면

이번 리뉴얼을 통해 또 한가지 크게 달라진 점은 별을 아이템화 했다는 것이다. 즉, 기존에는 별의 크기와 회전, 레이어 변경등을 할 수 없었지만 이번에는 위치 조정을 빼놓고 모두 가능해지도록 만들었다. 결국 더욱 다양한 방식으로 별을 꾸밀 수 있게 되었다.

별마트 - 더욱 다양해지고 이뻐진 아이템들

웹사이트는 아무리 기술이 좋고 전문적이다 하더라도 세련되고 이쁜 디자인이 없다면 사용자들에게 외면당하기 쉽다. 이번에 새롭게 추가 것중에 하나가 바로 테마별이다.

스타플에서 제공하는 다양한 테마별

별마트(http://starpl.com/mart/main) 에 방문해 "테마" 메뉴에 보면 위와 같이 다양한 테마별을 볼 수 있다. 테마별은 별스킨과 함께 아이템을 일부만 구입하거나 한꺼번에 구입할 수 있다. 스타플에서는 테마별을 별가루라는 가상의 화폐 시스템을 이용해 구입할 수 있다. 참고로 별가루는 스타플 활동량으로 벌어들일 수 있다.

테마별 중 하나

알림이 - 친구들과 관심별의 소식을 알려줘요

기존 스타플부터 유지해온 알림이 서비스이다. 알림이 서비스는 자신의 친구별 및 관심별의 소식을 보는데 유용하게 쓰여질 수 있다.

스타플 알림이 서비스

이번 리뉴얼을 통해 동작이 더욱 부드러워졌으며 데이타 베이스 개편으로 로딩속도를 향상시켰다. 이번 알림이 서비스에서 가장 주요하게 추가된 점은 관심별 이다. 관심별은 관심법으로 다루는 별인가? ㅎㅎ 그런것은 아니고 별친구는 아니지만 개인적으로 유용한 자료가 많거나 관심 분야를 가진 별이 있을때 지속적으로 방문하고 싶은 별을 관심별이라고 한다. 블로그 RSS 구독을 하는 것처럼 관심별을 등록하여 그 별의 소식을 알림이를 통해 볼 수 있다.

알림이 서비스는 친구들의 소식 뿐아니라 자신의 포스트에 쓰여진 댓글, 방명록 글등을 거의 실시간으로 알려준다.
앞으로 알림이 서비스는 데스크탑 영역으로 확장되어질 수 있으며 메신저 서비스와도 연동되어 질 수 있다고 생각한다.

내별위젯(My Star Widget) - 자신의 블로그에 내별위젯을 달아봐요.

위 위젯이 바로 내별위젯이다. object, embed 태그로 구성되어 있기 때문에 HTML 형태로 붙일 수 있는 게시판이나 자신의 블로그에 얼마든지 붙힐 수 있다. 본인 블로그 우측에도 내별위젯을 붙였다.

내별위젯은 실제 별지도 위에 내별의 위치, 별을 받은 날을 보여주고 자신의 별에 바로 갈 수 있도록 만들어졌다. 첫번째 버전이기 때문에 별 기능은 없지만 개인적으로 디자인이 이뻐서 마음에 든다.

내별위젯은 스타플에 가입한 사람에게만 유효하며 http://starpl.com/main/banner/down 에서 직접 복사해서 사용할 수 있다.

Starpl 배너 페이지. 여기서 스타플 위젯과 Link 배너를 다운로드 받을 수 있다.

외부 블로그 등록 기능 - 자신의 블로그를 스타플 타임라인에 담아봐요.

스타플 리뉴얼에서 추가된 유용한 기능중 하나가 바로 기존에 사용하고 있는 자신의 블로그의 RSS를 타임라인에 담을 수 있는 것이다. 컨텐츠를 스타플에 직접 유입한다기보다 타임라인을 통해 자신의 블로그에 방문을 유도할 수 있도록 하며, 스타플 메타센터에 노출될 수 있게 하는데 유용하게 쓰일 수 있는 기능이다.

메인화면의 블로그 등록하기 버튼

스타플 메인화면(http://starpl.com/)에서 좌측부분을 보면 블로그 등록하기 버튼이 있다. 로그인후 이 버튼을 눌러보면 아래와 같은 화면이 나온다.

타임라인에 내 블로그 등록하기

본인은 타임라인에 지돌스타 블로그라는 카테고리를 등록하여 여기에 RSS를 등록했다.

등록된 블로그가 타임라인에 들어간 모습

[Blog]단추에 붙은 제목을 클릭하면 아래와 같은 화면이 뜬다.

타임라인을 통해 자신의 블로그로 이동한 모습. 아래에 추천 버튼이 있다.

스타플 메타센터에 추천이 들어가기 때문에 추천이 많이 된 블로그 포스트는 방문유입을 유도할 수 있다.

정리하며...

스타플은 이제 시작하는 것과 같다. 개인적으로 스타플에서 보여줄 수 있는 것중 10%도 안보여줬다고 생각한다. 스타플은 앞으로 국외서비스를 위해서 한발짝 다가갈 것이다. 우주를 배경으로 시작했다는 것, 별은 국내뿐 아니라 국외에도 통용될 수 있다는 점은 스타플의 가장 큰 경쟁력이다. 한국 SNS 서비스의 파워를 스타플을 통해 보여주고 싶다.

티스토리