2010/06/10 17:18
프로젝트 성격 : 신규개발/ 1인 개발 (참여 100%)
개발 기간 : 3일+검수1일
2006 독일월드컵때 빠듯한 일정으로 밤새서 코딩하고 오픈한게 엇그제인데,
벌써 두번째 월드컵 사이트를 개발하네요;
이번엔 모바일 월드컵 사이트입니다. 이미 일간스포츠를 담당하고 계신 선배가 PC버전 사이트를 구현해두었기 때문에
다 지어진 쌀밥에 숟가락만 얹었던(ㅋ) 프로젝트였네요.
http://m.joins.com/wc2010/
게다가 조인스 모바일 사이트(http://m.joins.com/) 역시 100% 개발했었기 때문에
각 단말기별 UI를 맞추기 위한 html이나 css는 이미 확보된 상태였습니다.
조인스 모바일과는 다르게 월드컵 사이트는 한 달 짜리 사이트라 아직 출시되지 않은 바다폰은 고려대상에 넣지 않았습니다. 뭐 테스트는 안해봤지만 아마 잘맞을껍니다 -_-a
테스트폰은 역시 아이폰, 안드로이드 계열 (갤럭시A로 테스트), 옴니아2 정도입니다.
일반적인 모바일 사이트와 크게 다를바 없습니다.
웹에서 편집한 내용을 모바일용에 맞춘 크기로 동적으로 썸네일을 생성합니다.
가로로 봐도 문제없습니다.
포토뉴스 입니다. 남아공 포토기사를 추출해서 보여줍니다.
경기 일정입니다. 중요한(!) 우리나라 경기는 위에 경기결과와 함께 보여주고
아래는 오늘 날짜의 경기일정을 보여주게 됩니다.
오늘은 개막식 이전이라. 개막식 경기를 보여줍니다.
각 조별 승,무,패, 골득실, 승점 등의 순위를 보기위한 페이지 입니다.
조만간 이건 바뀔지도 모르겠습니다. 사실상 조별 토너먼트가 끝나면 의미없는 데이터일텐데요.
써놓고 나니 참 썰렁하네요.
보통 모바일 사이트의 메타태그에 viewport 태그가 들어가는데요
고정된 사이즈로 보여주고 싶다면 user-scalable=no로 잡으면 됩니다.
중요한건 옴니아2로 접근했을때, initial-scale=0.75 로 보여줘야 원하는 적절한 크기의 사이트를 보여줄 수 있습니다.
이것때문에 꼬박 하루를 구글신님께 200m 암반수를 떠놓고 빌었던 생각이 나는군요!
<meta name="viewport" content="user-scalable=no,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0" />
혹시나 옴니아폰에서 모바일용 사이트가 뻥튀기 되서 보이시는 분께 도움이 되었으면 합니다. (ㅋㅋ)
'My Job > 해왔던일' 카테고리의 다른 글
| 모바일 월드컵 사이트 (1) | 2010/06/10 |
|---|---|
| 조인스 블로그 인덱스 개편 (2010) (3) | 2010/06/01 |
| 조인스 블로그 2.0 (0) | 2009/01/23 |
| 2008 신인 연기자 선발대회 평가툴 (0) | 2008/10/23 |
| [as] 포토스토리 (1) | 2008/06/17 |
| [모바일] 풀브라우징 조인스 (1) | 2008/06/16 |
