모바일 홈페이지를 제작하려고 합니다

[질문]

안녕하세요.
이번에 회사 모바일 홈페이지를 제작하려고합니다.
그런데 일단 제가 생각하기에 그냥 일반 홈페이지 제작하는것처럼
제작을 하면 될 것같은데 어떻게 해야하나요?
단지 모바일 홈페이지는 일반 홈페이지보다 해상도를 작게 해서 만들면 된다
이렇게 생각하는데 아닌가요?
보니까 wml이라는것도 있던데.. wml이라는 언어로 작성을 해야하는건가요?
그리고 게시판의 경우 각 폰 해상도에 맞게 큼직한 글씨로 리스트 들이 보이게 되던데
그건 어떻게 되야하는지 개념조차도 안서네요;

예로 m.naver.com 이 모바일 네이버처럼 구현을 하려고 하는데 기본적으로 알아야할 언어나 시작할때 어떠한 것으로 해야하는지 궁금합니다. 회사는 ms-sql db서버를 사용하고 서버는 아마 윈도우2000서버를 사용하는것 같습니다. 그래서 개발을 할 때도 asp로 구현을 해야할듯합니다.

이런저런 서론이 너무 길었네요;;
간단히 중요 질문만 뽑자면

1. 모바일 홈페이지를 개발할때 기본적으로 무엇을 알고(기본지식) 어떻게 접근을 해야하나요?
2. 회사가 ms서버와 db서버를 사용하는데 asp로 제작이 가능한건가요?
3. m.naver.com과 비슷한 레이아웃으로 디자인을 하려고 합니다.
   (물론 아이콘들은 모두 저작권이 걸려있으니 제가 직접 따로 만들던지 무료로 제공되는 아이콘을 사용하던지 할 것입니다.)
   그런데 m.naver.com과 유사한 레이아웃으로 해도 저작권에 관련해서 아무런 이상이 없는지요?
    예전에 다른곳에서 언뜻 듣기로는 레이아웃이 똑같으면 저작권에 걸린다고는 하는데
   홈페이지 디자인이 다 거기서 거기인데 저작권을 가지는 기준이 좀 애매모호하다는 생각이 들어서요
4. 모바일 관련 서적 좀 추천부탁드립니다.

아 참고로 모바일 홈페이지라고 말씀드린건 스마트폰(ios, 안드로이드, 윈도우모바일 기반)에서
접속을 하게 되는 홈페이지를 말씀드리는 겁니다.

답변 부탁드립니다^^

 

[답변]

안녕하세요. ToTb의 IT전문 컨설턴트입니다.
스마트폰의 폭발적인 보급으로 인해서 모바일 홈페이지 제작에 대한 관심이 나날이 늘고 있는듯 합니다.
결론부터 말씀드리면, 일반 홈페이지 제작기법과 모바일 홈페이지 제작기법은 다릅니다.

Ubiquitous Web의 하나의 장르로 모바일웹을 이해하시면 될듯 합니다. 핸드폰 마다 사용되는 칩이 다르고, 엔진이 다르고, 운영체제가 다르고, 메모리 배정이 다르고, 화면 크기가 다릅니다. 고유한 특성을 가진 각각의 핸드폰에서 정상적으로 돌아가기 위해서 기존 Web보다 더 표준화되고, 더 안정화된 구성이 필수적입니다.

제작언어 및 DB의 경우 기존 3세대 Web언어에 해당하는 ASP,JSP,PHP와 4세대 언어에 해당하는 .net 모두 구축이 가능합니다. DB에 대한 제한도 없습니다. wml을 반드시 사용해야만 하는건 아닙니다..^^

1. 모바일 홈페이지를 개발할때 기본적으로 무엇을 알고(기본지식) 어떻게 접근을 해야하나요?
위에서 설명드렸듯이 Ubiquitous Web의 개념으로 생각하시면 이해가 되실듯 합니다.
크게 확장해서 생각해 보면 대형 TV에서도 , 작은 핸드폰 화면에서도 동일한 페이지가 아무런 불편함 없이 사용이 가능하다면 Ubiquitous Web 기반의 인터페이스가 갖춰져 있다고 생각할수가 있습니다.
물론, 핸드폰의 경우 화면이 기존 모니터 보다는 작겠지만, 각 핸드폰마다 화면사이즈는 다르고, 특정 사이즈에 맞춰진 모바일웹은 정확한 모바일웹 구축이 아닙니다.

 2. 회사가 ms서버와 db서버를 사용하는데 asp로 제작이 가능한건가요?
가능합니다. 단, 기존 Web개발방법론 보다 더 세밀한 개발방법이 필수적입니다.
일단 기획의 경우 엄지손가락으로 클릭이 가능하도록 UI요소를 기획해야 하고, 디자인 측면에서는 레스트 방식이 아닌 벡터 기반의 이미지를 중심으로 구성해야 합니다. 개발의 경우 DB정규화 및 파일 최적화를 통해서 최소 용량 및 최소 트래픽으로 구성을 해야합니다.
제작한 결과물이 기존 웹사이트와 같다면 왜 모바일웹을 구축하겠습니까?..^^
평균적으로 접속속도 면에서 1/14 정도의 용량으로 구축이 됩니다...

 3. m.naver.com과 비슷한 레이아웃으로 디자인을 하려고 합니다.
  레이아웃은 저작권의 범위에서 벗어납니다. 아이콘의 경우 디자인 저작물이기 때문에 저작권의 영향을 받을수 밖에 없지만, 이부분도 해외 아이콘 사이트를 돌아보시면 무료로 지원되는 다양한 백터 기반의 아이콘 파일을 어렵지 않게 구하실수 있을듯 합니다.

 4. 모바일 관련 서적 좀 추천부탁드립니다.
현재 국내 서적으로 모바일웹 구축과 관련된 책이 나와있지 않은듯 합니다.
국내에서 모바일웹 도입이 세계적인 추세중에서도 빠른 편이라 해외서적 또한 구하는 것이 만만치 않을듯 합니다. 서적 보다는 모바일 웹기반의 표준화 서비스를 지원하는 포럼을 참고하시는 것이 도움이 되실듯 합니다.