본문 바로가기

컴퓨터 공학 자료(학부)/mesh up(silverlight)

텀 프로젝트 Picture Earth

3학년 1학기 텀 프로젝트로 진행한 picture earth

개요는 대충 이렇다.
구글 맵을 이용하여 사용자들이 전 세계를 자유롭게 검색할 수 있도록 하고
원하는 지역에 자신들이 찍은 사진들을 올릴 수 있게 한다. 그리고
다른 사용자들이 얼마든지 자유롭게 그 사진들을 볼 수 있도록 구현하고 게시판 기능, 교통정보 기능등을
추가한다. 즉 맵+사진첩 개념인 어플리케이션이다.


전체적인 UI(User interface)는 이렇다.
실버라이트로 전체적인 ui를 만들고 맵 중앙에 asp.net과 연동해서 구글 맵 api를 이용해서 맵을 올렸다.
여기에 시간투자를 많이 했는데, 실버라이트와  asp.net 컨트롤을 한화면에 올리기가 생각보다 쉽지 않아서
고생을 했다. 여하튼 결국 올리고 z-index라는 깊이 값 변수를 이용하여 실버라이트를 밑에,
.net 컨트롤을 위에 덮었다. 약간은 꼼수랄까.

사용자가 올린 사진을 저장하는것도 약간 고생했는데, 실버라이트란 놈이 디비랑 그다지 친하지가 않아서
처음에 sql를 쓰려다가 그냥 간편하게 xml문서에 사진이 저장되는 서버 컴퓨터상의 경로와 사진의 맵상에
좌표를 저장하고 서버에서 파싱해서 가져다쓰는 방식을 선택했다.





이 어플리케이션의 핵심 기능인 갤러리 기능이다.
bound 계산을 해서 사용자 화면에 보이는 맵 범위내의 모든 사진을 검색해서 옆에 오른쪽에 보이는 갤러리에 서버가 자동으로 모아서 보여준다.
지금은 장전동만 화면에 보이기 때문에 사진이 몇장 없지만
만약에 전세계 사용자가 사용한다치고 맵을 대륙범위로 축소해서 본다면
몇백, 몇천장의 사진이 자동으로 보여질 것이다.

그냥 api는 가져다쓰는거고 실버라이트라는 툴 자체도 플래쉬를 써봐서 그런지 상당히 쉬운툴이여서
이번텀은 상당히 쉽게했다.
새로 만들기보다 말그대로 매쉬-업 하는 방법을 찾아가는 식이였다고나 할까.
게다가 희열,덕현 두 듬직한 조원들이 워낙 잘해주어서
이끌어가는 입장에서 매우 편하게 했다.