HTML5 vs 주류 될 모바일 애플 리 케이 션

서 문

HTML5의 도래는 브라우저에 모바일 플랫폼의 경쟁 시스템 플랫폼에서 이동 했다: 모바일 IE, 크롬, 파이어 폭스, 사파리, 또는 새로운 브라우저, 누가 끝에 모바일, HTML5에 대 한 더 나은 지원을 얻을 수 있습니다 하 고 누가 더 차지할 수 있을 것입니다 시장 미래에 모바일 응용 프로그램.

이제 우리가 어떻게 app 설치 합니까

HTML5 후 응용 프로그램을 설치 하는 방법

더 유연 하 고 편리한 방법을 사용 하 여 응용 프로그램을 설치 중 HTML5 모바일 플랫폼에 빛 날 것입니다.

아래에 나열 된 모바일 응용 프로그램 개발을 위한 HTML5 주요 기능 중 일부는:

1. HTML5 모바일 응용 프로그램 개발을 위한 기반을 제공 합니다 오프 라인 캐싱

HTML5 웹 저장소 API와 더 나은 신축성 및 아키텍처, 데이터의 크기에 의해 제한 되지 않는다 쿠키의 강화 버전 기본 ROM에 쓸 수 있습니다 브라우저를 꺼도 다시 네트워크 트래픽을 줄이기 위해 복원할 수 있습니다 볼 수 있습니다.

같은 시간에이 함수는 백그라운드 "작업 기록"의 다른 방향, 어떤 배경 리소스를 차지 하지 않고 장비 하드웨어 압력 감소, 증가 실행 유창.

온라인 애플 리 케이 션을 가장자리, 오프 라인 캐싱 또는 하지 오프 라인 캐시를 다운로드 하는 오프 라인 애플 리 케이 션 사용할 수 있습니다 전에 오프 라인 캐시를 다운로드 해야 합니다 동안 다운로드 지원 합니다.

쿠키 저장 전화 및 메뉴, 테이크아웃 주문 무엇을 먹고, 교통 상황을 보고 먹을 얼마나 오래 기다려야 하는 것입니다; 그리고 냉장고 음식에 직접 저장 되어 오프 라인 캐싱 이미지 포인트 라고, 먹고 싶어 즉시 먹을 수 있는 (물론, 최신 먹고 싶은 음식 또한 책을 호출할 수 있습니다).

디자이너는 사용자 다운로드 오프 라인 캐싱 (온라인 및 오프 라인 애플 리 케이 션의 차이점 참고) 하 게 하는 경우를 알고 있어야 합니다.

2. 오디오 및 비디오 무료 포함, 더 유연한 멀티미디어 형식

텍스트와 오디오 및 비디오 멀티미디어 혼합된 콘텐츠 처리에 대 한 네이티브 개발 방법으로 상대적으로 번잡, 텍스트, 사진, 오디오, 비디오 분할 다른 방법으로 처리 하 고 해당 URL을 해결 해야 합니다.

HTML5이 점에서 무제한 완전히 그리고 완전히 함께 처리 될 수 있습니다.

뉴스 클래스, microblogging, 사회 응용 프로그램 텍스트와 멀티미디어, 보다는 오히려 포함 된 webview의 구현에 정보의 달성 될 것입니다 좋은 것은, 적어도 지금 원래 방법 어려움 경우 디자이너, 알고 있어야 합니다.

3. 지리적 위치, 위치를 공유 하는 곳

모바일 장비 배치의 장점 발휘, LBS 응용 프로그램의 개발을 촉진 합니다.

GPS, 와이파이, 이동 전화 및 더 정확 하 고 유연한 위치 확인 하는 다른 방법의 통합된 사용할 수 있습니다.

위치, 위치 및 탐색 더 이상 독자적인 내비게이션 소프트웨어, 지도 필요가 없습니다, 아주 큰 지도 패키지를 다운로드 하 여 해결할 수 없습니다 캐싱, 어디, 어디에 더 유연한.

디자이너가 알아야 할 이제 더 많은 파운드의 응용 프로그램에 포함 된, 이것은 가장 큰 장점 중 하나는 데스크톱 PC 및 모바일 장치 HTML5 다시이 이점을 확대 수 있습니다, 방법에 대 한 생각 그것을 사용 하 여 디자인에 응용 프로그램!

4. 캔버스 드로잉 모바일 플랫폼의 드로잉 능력을 향상

캔버스 API를 사용 하 여 단순히 사용자 경험 데이터를 수집 하는 핫스팟 지도 그리는

사진, 회전, 확대/축소 및 기타 일반 편집의 움직임을 지원

캔버스-2D 드로잉 기능 지원

캔버스 3d-3d 드로잉 기능 지원

svg-벡터 그래프 지원

디자이너 알고 싶은, 이동, 회전, 이미지 스케일링? 너무 기본, 그들의 자신의 그림은 사용 하 여, 그것에 대해 생각 하는 방법으로 작은 경우입니다.

5. 폼 요소 모바일 플랫폼에 맞게 구체적으로

HTML5 폼 요소와 브라우저에 표시 되는 해당 키보드:

키보드 문자 정상 입력된 콘텐츠 표준 키보드 전화 전화 번호 키패드 이메일 주소 텍스트 상자와 그리고 @와 웹 페이지의 URL을 사용 하는

종류. 표준 키보드 범위 수 사이트의 상단에 있는 검색 상자와 같은 검색 엔진에 대 한 com 및. 값 선택기, 슬라이더 또는 턴테이블

바 슬라이딩 하 여 일반적으로 표시 됩니다

간단한 선언 < 입력 유형 = "이메일" > 키보드 호출, 간단 하 고 편리 하 게 다양 한 스타일에 완료 될 수 있다.

디자이너 알 필요가, 연구 및 개발 동료에 게 소리를 기억 하는 시간을 사용!

6. 풍부한 인터랙티브 방법 지원

인터랙티브 능력 강화: 드래그 및 드롭, 역사적인 작업, 텍스트 선택 취소.

전환-부품의 이동 효과

변환-부품의 변형 효과

애니메이션-이동 및 애니메이션된 지원으로 변형

디자이너, HTML5 제공 인터랙티브 방식으로 매우 풍부 하다까지 사용, 즉 자신의 일을 알고 싶어요!

7.HTML5 사용의 장점

낮은 개발 및 유지 보수 비용;

작게 페이지, 사용자, 그리고 더 나은 성능을 낮은 전력 소비;에 의해 불필요 한 지출을 줄일합니다

업그레 이드, 업그레 이드 패키지를 다운로드 하는 번거로움 제거 최신 버전을 사용 하 게 쉬운 과정의 사용은 직접 오프 라인 캐시 업데이트.

디자이너는 사용자가 원하는, HTML5 사용자에 게 제공할 수 있는 알고 싶어요.

8.CSS3 비주얼 디자이너의 보조 도구

CSS3 글꼴, 레이아웃, 그리고 가장 인상적인 애니메이션 특징의 포함을 지원 합니다.

선택-더 유연한 선택

webfonts-포함 된 글꼴

레이아웃-Diverse 활판 인쇄 옵션

stlying 반경 그라디언트 그림자-둥근 모서리, 그라디언트, 그림자

테두리 배경-테두리에 대 한 백그라운드 지원

로딩 속도, 사용자를 위한 뿐만 아니라 저장 코드와 사진, 영상 작품의 완전 한 부분에 CSS3를 사용 하 여 대역폭을 절약.

디자이너 싶어요 소재 지도의 조각 수십의 인터페이스는 너무 밖으로 방법의 알고, 신속 하 게 사용 하면 CSS3 게으른.

9. 실시간 통신

HTTP 프로토콜 및 브라우저 설계 이전 웹 사이트, 실시간으로 상호 작용은 매우 제한, 사용할 수 있습니다 몇 가지 기술을 "시뮬레이션" 실시간 커뮤니케이션 효과, 하지만 완벽 한 실시간 통신 지원을 제공 하는 HTML5.

디자이너는 임베디드 실시간 통신, 실시간 알림, 정보 콘텐츠 응용 프로그램 HTML5 달성을 도와 드립니다 알고 있어야 합니다.

10. 파일 및 하드웨어 지원

만약 당신이 Gmail에서 다른 프로그램과 새로운 웹, 메일 첨부 파일을 통해 끌 수 발견 몰라? 이것은 끌기 ' HTML5 파일의 함수에 n 드롭 및 파일 API.

디자이너가 알아야 할 데이터 전송 요구를 위한 모바일 응용 프로그램 더, 선택의 전통적인 방법은 너무 복잡 하 고, 신속 하 게 HTML5 드래그 시도 업로드 기능!

11. 의미 체계

시맨틱 네트워크 웹 페이지의 콘텐츠에 대 한 더 이해 하는 컴퓨터에 대 한 방법 이며 그것은 검색에 대 한 큰 도움이 될 수 있다 엔진 최적화 (SEO) 또는 추천 시스템.

디자이너는 HTML5 빠르고 정확 하 게 검색을 만들 수 있습니다 알고 있어야 합니다.

12. 듀얼 플랫폼 통합 애플 리 케이 션 개발 모드의 작업 효율성을 개선

-C + Cocoatouch 프레임 워크를 사용 하 여 아이폰/ipad 응용 프로그램을 작성 하려는 경우 고급 스마트폰 응용 프로그램을 작성 하려는 경우에 따라 현재 아이폰/안 드 로이드 빠른 상황, 향후의 시장 점유율 증가 자바 + 안 드 로이드 프레임 워크 두 플랫폼을 지원 하려는 경우 바인딩 코드의 두 세트를 유지 하기 위해 작은 서비스의 개시는 또한 수송의 비용의 작은 부담 안 드 로이드 응용 프로그램 작성을 선택 하는.

당신은 거의 하나의 코드 (는 몇 가지 클라이언트 수정 해야 함), 그리고 경우에 다른 모바일 장치 앞으로 HTML5를 지 원하는 브라우저를 유지 하기 위해 필요한 HTML5, CSS3 웹 기반 응용 프로그램을 작성 하 고 모두 아이폰을 지원 하 고, 안 드 로이드를 사용 하 여 같은 webapp 직접 한 더 많은 지원 플랫폼이 있다.

Google의 다양 한 서비스에서는 캐시, 저장 및 데이터베이스 사양 HTML5 오프 라인 액세스를 달성 하기 위해. 모바일 장치의 네트워크 연결 데스크톱 응용 프로그램 보다 더 안정적 이며 때로는 아무 네트워크 운동에 사용 하는, 때문에 그건 이러한 기술을 통해 사용자가 계속 네트워크 없는 환경 에서도 당신의 webapp를 사용할 수 있습니다. 이 HTML5의 주요 서비스 개체 또는 웹, 응용 프로그램 모든 애플 리 케이 션 개발, 다른 종류의 다양 한 개발 방법, 더 많은 유연성을 사용 하 여 응용 프로그램을 용이 하 게 위협을 야기 하지 않는 보여 줍니다.

HTML5에 대 한

, 디자이너 알아야 어떤 하나님 말

디자이너에 대 한 이해 HTML5 코드를 작성 하지 않습니다 하지만, HTML5의 특성을 알고 디자인 프로세스 응용 프로그램에 능숙 하기 위해서는 어떤 효과 얻을 수 있습니다.

또한, 개발의 원래 방법을 사용 하 여 적합 한 개발을 위한 HTML5를 사용 하 여 적합 한 제품을 알 필요가, 모든 후, 개발 하는 가장 빠르고 가장 편리한 방법은 최고입니다.

또한, 원래 & HTML5 개발 방식의 점차적으로 될 추세, 가장 적합 한 부분을 위한 HTML5 개발를 사용 하 여 구별할 수 있어야 한다.

어떤 종류의 응용 프로그램은 HTML5 개발

에 대 한 가장 적합 한

시간이 되 고, 웹 기반 웹 기반으로 비슷한 방법에 이미 등장 하는 응용 프로그램 개발을 위한 HTML5를 사용 하 여 가장 적합 한 있습니다.

어떤 응용 프로그램은이: Weibo, 사회, 뉴스, 등.

다른 응용 프로그램 종류에 적합 한 HTML5 개발에 사용: 지도, 네비게이션, 등등.

왜 HTML5

를 사용 하 더 이다

정보 흐름 아키텍처 응용 프로그램은 직접 데이터를 크롤링할 웹 (또는 WAP), HTML5 직접 크로스 플랫폼 데이터를 사용 하 여 배경 API를 사용 하지 않고, 연구 및 개발, 유지 보수 비용, 및 거의 차이의 효과 렌더링을 크게 줄일 수 있습니다.

지도 클래스 발휘 HTML5 오프 라인 캐싱 및 지리적 위치 기능, 지역에 지도 다운로드 하 고 다음 검색, 탐색 및 다른 기능을의 위치와 조정 수 (유연한 양식, 대용량 트래픽 저장 지도 패키지 사전 다운로드 하지 않아도)

여기는 HTML5를 사용 하 여 개발 된 일부 웹 응용 프로그램

구글 +

시 나 Weibo

바이 소설

피트 웹 애플 리 케이 션 app.ft.com

Http://www.technetra.com/ipdc3/countdown-2.0/ 이동 계속 카운트 다운 타이머

스케치 효과 http://mrdoob.com/projects/harmony/on는 터미널의 실현

먹는 콩 게임 아이폰 버전 http://www.kesiev.com/akihabara/

그래프 실시간 렌더링 응용 프로그램 http://dwpe.googlecode.com/svn/trunk/charting/index.html

HTML5를 사용 하 여 모바일 응용 프로그램

를 개발 하는 방법

순수 오프 라인 유형의 애플 리 케이 션, 현재 HTML5 표시 강도 매우 강한, 대화형 경험 및 시각적 프레 젠 테이 션 및 특정 간격, 희망의 HTML5, 지속적인 개선으로 기본 모드 잡을 수 있다 응용 프로그램의 개발의 원래 방법에서

사실, 모바일 응용 프로그램의 개발은 종종 하나의 방법에만 너무 융통성, HTML5 원래 방법으로 더 나은 결과 수 있습니다: 사용자가 HTML5 장점를 사용 하 여 정보를 프레 젠 테이 션에 있는 동안 장치 상호 작용 경험에 가까운 지역 아키텍처를 구축 하는 네이티브 방법의 사용 강력한 방식으로 사용자를 위한 최고의 모바일 응용 프로그램을 만듭니다.

예: NetEase 블로그 안 드 로이드 클라이언트

Http://www.mhtml5.com/2011/07/2200.html

상황 및

HTML5

의 전망

이제 HTML5 표준을 완벽 하 게 맞춤 하지 결과 응용 프로그램의 개발자의 개발에 규범적인 콘텐츠가 없는 방법의 전반적인 발전은 더 혼란, 경험은 또한 응용 프로그램의 개발의 원래 방법 보다 더 나은 사용자 경험을 원하는 경우, 더 많은 최적화 필요 합니다.

모바일 장치 하드웨어 인터페이스 API에 대 한 모바일 장치 카메라, 마이크, 중력 센서, GPS 및 기타 하드웨어 장비, HTML5의 현재 사용 쉽게 호출 하지 수 있지만 이것은 단지 시간 문제는 HTML5와 함께 더 완벽 한, 같은 기능 지원 확실히 것입니다 믿습니다.

또 다른 점은 브라우저 경합, 완전히 강력한 모바일 쪽 브라우저에 중요 한 역할의 개발을 위한 모바일 플랫폼 HTML5를 있을 것입니다.

사파리, 크롬, 파이어 폭스, IE... 누가 밖으로 설 수, 우리가 기다릴 것입니다 참조 하십시오.

눈부신 광택을 방출 하는 모바일 플랫폼에서 HTML5 미래를 기대!

현재 네트워크 관련 콘텐츠는 더 적은, 그들의 자신의 요약에 대 한 위의 내용, 거기 되지 매우 바로 이곳, 하지만 또한 수정 하시기 바랍니다.

출처: http://uedc.163.com/7136.html