모바일 버전의 사이트 개발

Question

데이터의 인 페이지 그래프를 많이 사용하는 대규모 웹 사이트 프로젝트를 진행하고 있습니다. 그래프를 대화식으로 만들려면 (이전 패러다임은 서버에 데이터를 게시하고 서버에서 그래프를 jpg로 렌더링 한 다음 다시 브라우저로 보내도록) Java에서 그래프를 작성하기 시작했습니다. 매끄러운 시스템이지만 웹 사이트는 여전히 컴퓨터에 많이 의존합니다.

휴대 전화 및 PDA 용 모바일 최적화 버전을 렌더링하기 위해 사용자 에이전트 문자열을 기반으로 레이아웃을 전환하는 사이트인지 자체 웹 응용 프로그램으로 사이트 자체를 작동시키고 싶습니다. 하지만 제 3 자 애플릿 (Java, Flash 등)에 대한 불투명 한 지원이 iPhone과 같은 플랫폼에 관해서는 우려됩니다.

표준 웹 브라우저 또는 iPhone/Blackberry/Palm 장치를 통해 액세스 할 수있는 웹 응용 프로그램을 만드는 경우 대화식 그래프를 표시하려면 어떻게해야합니까? iPhone에서 Java를 사용하기위한 해결 방법이 있습니까? 우리가 함께 추구해야 할 또 다른 플랫폼이 있습니까?

Answer 1

더 많은 브라우저를 지원하려면 Javascript를 사용하여 수행 할 작업을 결정할 수 있습니다.

canvas 요소를 사용하여 그래프를 생성 할 수 있으며 브라우저가 해당 요소를 지원하지 않으면 Flash 응용 프로그램을 사용할 수 있으며 그래도 작동하지 않으면 서버에서 개발 된 그래프를 사용하고 <img> 태그를 클릭하면 새로 고침됩니다.

이 세 번째 방법은 브라우저에서 자바 스크립트를 사용할 수없는 경우에도 사용할 수 있습니다.

이 방법을 사용하면 다양한 상황을 처리하고 브라우저에서 Java를 실행하지 않아도됩니다.

Answer 2

iPhone 및 Android 브라우저는 살펴볼 수있는 "캔버스"와 같은 HTML5 기능을 지원합니다. 블랙 베리 휴대 전화의 브라우저는 시대에 뒤떨어져 있습니다. 곧 출시 예정인 6.0 OS 용 WebKit 기반 브라우저를 출시하지만 현재 출시되는 모든 인 마켓 장치는 브라우저 기능면에서 상당히 제한적입니다. 이러한 장치의 경우 정적 서버 생성 이미지를 사용하는 것이 가장 좋습니다.

Answer 3

JS 차트 라이브러리를 사용하고 이전 브라우저를 감지하면 이미지를 적절히 다운 그레이드 할 수 있습니다.