외계인똥's Story 。

 요즘 한창 많이 사용되는 SNS(Social Network Service)를 만들어 봤다. KSN에서는 ASP를 사용하기에 ASP를 공부하는겸 겸사겸사해서 만들어본. AJAX 사용시에 다른 플러그인을 사용하지 않고 가장 기본적인 스크립트로만 사용하였다. (별로 많은 기능이 들어가지 않았기에, 응답받아 페이지에 DB 내용을 뿌려주는 정도로만;;;;) 
 
 참고한 사이트로는 현재 인턴으로 소속되어있는 톡픽과 트위터, SmartFm(iKnow.co.jp)를 기본 모델로 만들었고(세 사이트의 디자인은 조금씩 다르지만 기본적인 레이아웃은 거의 동일) 현재 고민중인 것들은 Following과 Follower의 개념을 어떻게 정의할 것인가이다.

 이번 SNS의 목적은 영어 학습을 하는 어린이들이 영어로 대화할 수 있는 공간을 마련하고자 함이다. 나아가 선생님이 스무고개를 한다던지 가볍게 아이들에게 영어로 질문을 던져 아이들과 커뮤니케이션을 하는 곳을 만들자 함이다. 따라서 모든 대화는 영어로만 이루어지고 최대한 아이들이 사용하고 이해하는데 있어 쉽게 만드는데 관점을 두어야 한다.

 현재는 디자인은 빼두고 가장 기본적인 뼈대만 구성하였고, 메시지에 대한 덧글을 어떤식으로 처리할지를 고민하고 있다. 팀장님과 상의해서 미투데이의 그것처럼 하는 것이 좋을 것 같아 다른 아이디어가 없다면 그런 방식으로 갈 듯. 
 


 머 톡픽과 트위터의 모습과 동일하다. 사진은 톡픽 유저의 것을 임의로(죄송!!);; 
 추가적으로 들어가야할 작업은 덧글과 디자인이면 될 듯 싶다. 기본 골격은 완성했기에 그리 어렵진 않을 듯. 그리고 ASP가 생각보다 쉬웠다라는 점. 머 간단하게 만들어보니까 재미있다. 
 톡픽은 완젼 깔끔하게 깨끗한 코드던데....나는 완젼...ㅡㅡ;;;;; 아직 부가적으로 손봐야할 것들이 많지만 일단은 패스. 시간이 부족해서 ㅡ.ㅡ^ 근데 이것도 결국 2틀만에 한거보면... 음... 기냥 막무가내로 만든다고 치면...그냥 할 수는 있을 듯. 얼마나 깔끔하게 퍼포먼스를 만들어 낼 것인가하는 문제인데... 게다가 사용자도 많지 않은 상태이니 지금에야 그런걸 느낄래야 느낄수가 없는것 같다. 하지만 항상 더러워. 내 소스는...ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ........;;;;

 오랜만에 업데이트 한다! 추석이다 연휴다 해서 완젼 휩쓸려서 일주일을 술독에 빠져 지냈기에...반성..또 반성.. 할일이 엄청나게 불어나 있다. sayingWidget이 생각보다 반응이 좋아서 다행이기도 하고. 그래서 다음 위젯으로 무비 위젯을 만들었다. 
 트래픽을 톡픽으로 발생시키기 위한 것이 첫번째 목표, 두번째 목표는 톡픽 내에서 링을 활성하시키는 것이라 할 수 있겠다. 처음 시안은 다음과 같이 세가지 형태로 나왔다.


 첫번째 시안으로 할 경우는 배경만 다를 뿐, sayingWidget과 거의 비슷하기에 어려움이 없고, 두번째 시안으로 할 경우 조금 수정을 해야되는 상황. 일단 마스크나 글자의 효과 같은 부분을 다뤄본 적이 없기 때문에 두번째 시안이 재미는 더 있다. 최종적으로 결정된 시안은 첫번째 시안이기에 다음과 같이 제작하게 되었다.

 Tocpic 위젯을 춘천팀에서 만들기로 결정함에 따라(아마도 1주일에 하나씩은 나올 듯;;;;) 첫번째로 만들게 된 위젯. 기본적인 기능은 명언을 위인의 사진과 함께 보여주는 것. 일단은 톡픽쪽으로 트래픽을 유도하기 위한 목적이기 때문에 간단하고 많이 사용하는 위젯부터 만들기로 하였다. 
 sayingWidget은 우리가 명언을 관리하는 것이 아니라 톡픽에 명언 링을 만들고 직접 사용자가 참여해서 사진과 명언을 남긴다. 그것을 가지고와서 블로그에 나타내어주고, 말그대로 사용자가 참여하기 때문에 자신이 남긴 명언도 다른 사람들과 공유하고 링을 통해 사람들의 생각도 알 수 있도록 한다.

 크게 두가지 시안이 나왔는다. 폴라로이드 형태와 흑백 로모 형태.



 시안 1은 애초에 프로토 타입으로 만들어 둔게 있기에 뒷 배경 폴라로이드만 구현하면 되므로 만들지 않았고, 시안2가 조금 까다로울 것 같아서 먼저 구현하였다. 사용자가 올린 사진을 동적으로 흑백으로 만들고 로모 처리를 해야하는 까닭에, 그래픽 처리를 해보지 않았기에 조금 난감한 상황이었으나 구글링을 통하여 어렵지 않게 해결.
 시안 2는 폴라로이드 컨셉이긴 한대 ㅋ.ㅋ;; 음. 시안2가 더 낳을려나, 어떤 효과를 넣어야할지 몰라서; 근데 플렉스는 왜 폰트 다루는게 까다로울까, 췟. 이거야 원. ㅋ.ㅋ