HTML5 웹 스토리지 API는 데이터 크기에 의해 제한되지 않은 향상된 쿠키 버전으로 간주 될 수 있으며 유연성과 아키텍처가 더 좋으며 기계의 ROM에 데이터를 작성할 수 있습니다. 또한 브라우저가 닫히면 데이터를 복원 할 수 있으며 네트워크 트래픽을 줄이기 위해 다시 열립니다.
HTML5 모바일 개발의 출현으로 모바일 플랫폼과 시스템 플랫폼에서 브라우저 (Mobile, IE, Chrome, Firefox, Safari 또는 새로운 브라우저)로 모바일 플랫폼 경쟁이 이동했습니다. 모바일 측면에서 HTML5를 더 잘 지원할 수있는 사람은 향후 모바일 애플리케이션 분야에서 더 많은 시장을 차지할 수 있습니다.
보다 유연하고 편리한 앱 사용 및 설치 방법은 HT] L5가 모바일 플랫폼에서 빛나는 보장 중 하나가 될 것입니다.
다음은 HTML5가 모바일 애플리케이션 개발에 적합한 몇 가지 주요 기능입니다.1. 오프라인 캐싱은 모바일 애플리케이션의 HTML5 개발의 기초를 제공합니다.
HTML5 웹 스토리지 API는 데이터 크기에 의해 제한되지 않는 쿠키의 향상된 버전으로 간주 될 수 있으며, 유연성과 아키텍처가 우수하며 컴퓨터의 ROM에 데이터를 작성할 수 있으며 브라우저가 닫히고 다시 열면 네트워크 트래픽을 줄일 수 있습니다.
동시에,이 기능은 배경 자원을 차지하지 않고 장치의 하드웨어 압력을 줄이고 작동의 원활함을 증가시키지 않고 다른 방향으로 배경 작동 레코드로 간주 될 수 있습니다.
온라인 앱은 오프라인 캐시를 사용하는 동안 오프라인 캐시 다운로드를 지원합니다. 오프라인 앱은 사용하기 전에 오프라인 캐시 후에 다운로드해야합니다.
생생하게 말하면 쿠키는 전화기와 메뉴를 저장합니다. 먹고 싶을 때 테이크 아웃을 주문해야합니다. 대기하는 데 걸리는 시간은 교통 조건에 따라 다릅니다. 오프라인 캐시는 냉장고에 직접 음식을 저장하는 것을 의미하며 최신 음식을 먹고 싶다면 즉시 먹을 수 있습니다 (물론 최신 음식을 먹으려면 예약을 예약 할 수도 있습니다).
디자이너는 사용자가 오프라인 캐시를 다운로드 할 수 있도록하는시기를 알아야합니다 (온라인 및 오프라인 앱의 차이점).
2. 자유롭게 내장 된 오디오 및 비디오,보다 유연한 멀티미디어 형식
기본 개발 방법은 텍스트와 오디오 및 비디오를 혼합하는 멀티미디어 컨텐츠를 처리하는 데 비교적 번거 롭습니다. 텍스트, 그림, 오디오 및 비디오를 분할하고 해당 URL을 구문 분석하고 다른 방식으로 처리해야합니다.
HTML5는 이와 관련하여 완전히 제한되지 않으며 완전히 함께 처리 할 수 있습니다.
디자이너는 텍스트와 멀티미디어가 뉴스, Weibo 및 소셜 애플리케이션의 정보 프레젠테이션에 혼합되어 있다면 WebViews를 구체적으로 포함하지 않고도 여전히 기본 방법을 구현하기가 여전히 어렵다는 것을 알아야합니다.
3. 지리적 위치, 언제 어디서나 위치를 공유하십시오
포지셔닝에서 모바일 장치의 장점을 완전히 플레이하고 LBS 애플리케이션의 개발을 촉진하십시오.
GPS, WiFi, 휴대폰 및 기타 방법을 사용하여 포지셔닝을보다 정확하고 유연하게 만들 수 있습니다.
지리적 위치 포지셔닝은 포지셔닝 및 내비게이션에 더 이상 독점 내비게이션 소프트웨어가 없으며 맵은 매우 큰 맵 패키지를 다운로드 할 필요가 없습니다. 캐시를 통해 해결할 수 있으며 어디를 가든 더 유연 할 수 있습니다.
디자이너는 LBS 기능을 포함시키는 점점 더 많은 응용 프로그램이 있다는 것을 알아야하며, 이는 데스크탑 PC에 비해 모바일 장치의 가장 큰 장점 중 하나이기도합니다. HTML5는이 이점을 다시 확장 할 수 있습니다. 디자인 한 응용 프로그램에서 사용하는 방법에 대해 생각해보십시오!
4. 모바일 플랫폼의 드로잉 기능을 개선하기위한 캔버스 드로잉
캔버스 API를 사용하여 사용자 경험 정보를 수집하기 위해 간단히 핫스팟 맵을 그리십시오.
이동, 회전 및 줌과 같은 사진의 일반적인 편집을 지원합니다.
캔버스 - 2D 드로잉 기능 지원
캔버스 3D - 3D 드로잉 기능 지원
SVG - 벡터 그래프 지원
디자이너는 사진의 움직임, 회전 및 스케일링이 모두 기본적이라는 것을 알아야합니다. 그들은 스스로 그림을 그릴 때 모두 작은 경우입니다. 그것들을 사용하는 방법에 관해서는, 그것에 대해주의 깊게 생각하십시오!
5. 모바일 플랫폼에 맞게 사용자 정의 된 요소
브라우저 및 해당 키보드에 나타나는 HTML5 양식 요소 :유형의 목적 키보드
텍스트 일반 입력 콘텐츠 표준 키보드
전화 번호 숫자 키패드
@ and와 함께 이메일 이메일 주소 텍스트 상자.
.com을 사용한 URL의 URL.
검색은 사이트 상단에 표시되는 검색 상자의 표준 키보드와 같은 검색 엔진에 사용됩니다.
특정 값 범위 내의 범위 숫자 선택기, 일반 디스플레이는 슬라이더 슬라이더 또는 턴테이블입니다.
다른 키보드에 대한 호출을 완료하려면 간단한 선언 만 있으면 간단하고 편리합니다.
디자이너는 그것을 사용할 때 R & D 동료들에게 말해야한다는 것을 알아야합니다!
6. 풍부한 대화식 모드 지원
상호 작용 능력 향상 : 드래그, 과거 운영 취소 실행 취소, 텍스트 선택 등
전환 - 구성 요소의 이동 효과
변환 - 구성 요소 변형 효과
애니메이션 - 애니메이션 지원에 움직임과 변형을 추가하십시오
디자이너는 HTML5가 풍부한 대화식 방법을 제공한다는 것을 알아야합니다. 그것이 유용한 지 아닌지에 관해서는, 그것은 당신의 사업입니다!
7. HTML5 사용의 장점
개발 및 유지 보수 비용 절감;
페이지를 작게 만들고 사용자에 대한 불필요한 지출을 줄입니다. 더 나은 성능은 전력 소비를 낮추게합니다.
업그레이드가 편리하며 최신 버전을 열고 최신 버전을 사용할 수있어 업그레이드 패키지를 다시 다운로드하는 데 문제가 없습니다. 사용하는 동안 오프라인 캐시를 직접 업데이트합니다.
디자이너는 사용자가 원하는 것과 HTML5가 사용자에게 제공 할 수있는 것을 알아야합니다.
8. CSS3 비주얼 디자이너 보조 도구
CSS3은 글꼴 임베딩, 레이아웃 레이아웃 및 가장 인상적인 애니메이션 기능을 지원합니다.
선택기 - 더 유연한 선택기
웹 폰트 - 내장 된 글꼴
레이아웃 - 다양한 타이포그래피 옵션
반경 구배 그림자 - 둥근 모서리, 그라디언트, 그림자
국경 배경 - 경계에 대한 배경 지원
CSS3을 사용하여 시각적 작업을 완료하고 빠른로드, 코드 및 사진 저장 및 사용자의 대역폭을 저장하십시오.
디자이너는 인터페이스에 수십 개의 재료 사진의 방식이 너무 빠르지 않다는 것을 알아야하므로 CSS3이 가능한 빨리 게으르도록 도와줍니다.
9. 실시간 커뮤니케이션
과거에는 HTTP 프로토콜과 브라우저 디자인으로 인해 실시간 상호 작용이 상당히 제한되었으며 일부 기술은 실시간 통신 효과를 "시뮬레이션"하는 데만 사용될 수 있었지만 HTML5는 완전한 실시간 커뮤니케이션 지원을 제공했습니다.
디자이너는 실시간 커뮤니케이션 및 정보 컨텐츠가 실시간 알림 신청에 포함되어 있으며 HTML5가이를 달성하는 데 도움이 될 수 있음을 알아야합니다.
10. 아카이브 및 하드웨어 지원
Gmail과 같은 새로운 웹 프로그램에서 Drag and Drag 파일을 이메일 첨부 파일로 사용할 수 있다는 것을 발견했는지 궁금합니다. 이것은 html5 파일 함수의 드래그 낙하 및 파일 API입니다.
디자이너는 모바일 애플리케이션에서 데이터 전송에 대한 수요가 증가하고 있으며 전통적인 경로 선택 방법이 너무 번거 롭다는 것을 알아야합니다. 와서 HTML5 드래그 앤 드롭 업로드 기능을 시도하십시오!
11. 시맨틱
시맨틱 네트워크를 통해 컴퓨터는 웹 페이지의 내용을 더 잘 이해할 수 있으며, 이는 검색 엔진 최적화 (SEO) 또는 권장 시스템에 큰 도움이 될 수 있습니다.
디자이너는 HTML5가 검색을보다 빠르고 정확하게 만들 수 있음을 알아야합니다.
12. 작업 효율성 향상을위한 듀얼 플랫폼 통합 앱 개발 방법
iPhone/Android가 시장 점유율을 빠르게 증가시키는 현재 상황에 따르면, 향후 고급 스마트 폰에 응용 프로그램을 작성하려면 객관적인 C + Cocoatouch 프레임 워크를 사용하여 iPhone/iPad 애플리케이션을 작성하거나 Java + Android 프레임 워크를 선택하여 Android 애플리케이션을 작성하십시오. 두 플랫폼을 동시에 지원하려면 두 개의 코드 세트를 유지해야합니다.이 코드 세트는 방금 시작하는 소규모 서비스에 대한 작은 부담입니다.
HTML5 및 CSS3을 사용하여 웹 기반 응용 프로그램을 작성하십시오. iPhone 및 Android를 동시에 지원하려면 단일 코드 만 유지하면됩니다 (일부는 클라이언트에 따라 수정해야 함). 앞으로 다른 모바일 장치에 HTML5를 지원하는 브라우저가있는 경우 동일한 WebApp에는 추가 지원 플랫폼이 직접적으로 제공됩니다.
Google의 일련의 서비스는 HTML5의 많은 캐시, 스토리지 및 데이터베이스 사양을 사용하여 오프라인 액세스 프로그램의 효과를 달성합니다. 모바일 장치의 네트워크 연결은 데스크탑 응용 프로그램보다 불안정하고 때로는 모바일에 사용할 네트워크가 없기 때문에 이러한 기술을 사용하면 인터넷없는 환경에서도 사용자가 웹 앱을 계속 사용할 수 있습니다. 이는 HTML5의 주요 서비스 개체가 여전히 웹 응용 프로그램에 제공되며 모든 앱의 개발에 위협이되지 않을 것임을 보여줍니다. 이를 통해 다양한 유형의 응용 프로그램이 다른 개발 방법을 사용하여보다 유연하게 만듭니다.
위의 컨텐츠는 HTML5 모바일 개발 (필수)의 몇 가지 주요 기능을 소개합니다.