HTML5 WebストレージAPIは、データサイズに限定されず、より優れた柔軟性とアーキテクチャを持ち、マシンのROMにデータを書き込むことができるCookieの強化バージョンと見なすことができます。また、ブラウザが閉じているときにデータを復元することもでき、ネットワークトラフィックを減らすために再び開いています。
HTML5モバイル開発の出現により、モバイルプラットフォームの競合がシステムプラットフォームからブラウザ、モバイルIE、Chrome、Firefox、Safari、または新しいブラウザにシフトしました。モバイル側でHTML5のより良いサポートを達成できる人は誰でも、将来のモバイルアプリケーション分野でより多くの市場を占領することができます。
より柔軟で便利なアプリの使用とインストール方法は、HT] L5がモバイルプラットフォームで輝く保証の1つになります。
HTML5がモバイルアプリケーション開発に適しているいくつかの主要な機能を以下に示します。1.オフラインキャッシュは、モバイルアプリケーションのHTML5開発の基礎を提供します
HTML5 WebストレージAPIは、データサイズに制限されておらず、より優れた柔軟性とアーキテクチャを持ち、マシンのROMにデータを書き込むことができ、ブラウザーが閉じて再び開いてネットワークトラフィックを削減するためにデータを復元することもできます。
同時に、この関数は、背景リソースを占有することなく、別の方向のバックグラウンド操作レコードと見なすことができ、デバイスのハードウェアへの圧力を軽減し、動作の滑らかさを高めます。
オンラインアプリは、オフラインのキャッシュの使用中、またはダウンロード中にオフラインのキャッシュのダウンロードをサポートしています。オフラインアプリは、オフラインキャッシュの後に使用する前にダウンロードする必要があります。
それを鮮明にするために、Cookieは電話とメニューを保存します。食べたいときはテイクアウトを注文する必要があります。待つのにどれくらい時間がかかるかは、交通状態によって異なります。オフラインキャッシュとは、冷蔵庫に直接食べ物を保管することを意味し、最新の食べ物を食べたい場合はすぐに食べることができます(もちろん、最新の食べ物を食べたい場合は予約を予約することもできます)。
デザイナーは、ユーザーにオフラインキャッシュをダウンロードできるタイミングを知っておく必要があります(オンラインアプリとオフラインアプリの違いに注意してください)。
2。自由に組み込まれたオーディオとビデオ、より柔軟なマルチメディア形式
ネイティブ開発方法は、テキストとオーディオとビデオをミックスするマルチメディアコンテンツの処理に比較的厄介です。テキスト、写真、オーディオ、ビデオを分割し、対応するURLを解析し、さまざまな方法で処理する必要があります。
HTML5はこの点で完全に無制限であり、完全に一緒に処理できます。
デザイナーは、テキストとマルチメディアがニュース、ワイボ、ソーシャルアプリケーションの情報プレゼンテーションでWebViewを具体的に組み込むことなく混合されている場合、それが素晴らしいことであることを知っておく必要があります。
3.地理的な位置付け、いつでもどこでも場所を共有します
ポジショニングにおいてモバイルデバイスの利点を完全にプレイし、LBSアプリケーションの開発を促進します。
GPS、WIFI、携帯電話、その他の方法を使用して、ポジショニングをより正確で柔軟にすることができます。
地理的な位置付けにより、ポジショニングとナビゲーションには排他的なナビゲーションソフトウェアがなくなり、マップでは非常に大きなマップパッケージをダウンロードする必要はありません。それらはキャッシュを通して解決することができ、どこにいても柔軟になります。
設計者は、LBS機能を埋め込むアプリケーションがますます多くあることを知っておく必要があります。これは、デスクトップPCと比較してモバイルデバイスの最大の利点の1つでもあります。 HTML5は再びこの利点を拡大できます。設計したアプリケーションで使用する方法を考えてください!
4。モバイルプラットフォームの描画機能を改善するためのキャンバス図面
Canvas APIを使用して、ユーザーエクスペリエンス情報を収集するためにホットスポットマップを描画するだけです
動き、回転、ズームなどの写真の一般的な編集をサポートします
キャンバス - 2D描画機能サポート
Canvas 3D - 3D図面関数サポート
SVG - ベクトルグラフサポート
デザイナーは、写真の動き、回転、スケーリングがすべて基本的すぎることを知っておく必要があります。それらはすべて、それ自体で描くときは小さなケースです。それらの使用方法については、注意深く考えてください!
5。モバイルプラットフォーム向けにカスタマイズされたフォーム要素
ブラウザと対応するキーボードに表示されるHTML5フォーム要素:タイプパスキーボード
テキスト通常の入力コンテンツ標準キーボード
電話番号数値キーパッド
電子メールアドレステキストボックスを @と。
.comと。
検索は、サイトの上部に表示される検索ボックスの標準キーボードなど、検索エンジンに使用されます
特定の値範囲内の範囲数値セレクター、典型的なディスプレイはスライダースライダーまたはターンテーブルです
シンプルで便利なさまざまなキーボードへの呼び出しを完了するには、簡単な宣言のみが必要です。
デザイナーは、それを使用するときに、R&Dの同僚に伝えることを忘れないでください!
6.リッチインタラクティブモードのサポート
相互作用能力の向上:ドラッグ、履歴操作、テキスト選択など。
遷移 - コンポーネントの移動効果
変換 - 成分の変形効果
アニメーション - 動きと変形をアニメーションサポートに追加します
設計者は、HTML5がリッチなインタラクティブな方法を提供することを知っておく必要があります。それが有用かどうかについては、それはあなた自身のビジネスです!
7。HTML5の使用の利点
開発コストとメンテナンスコストの削減。
ページを小さくし、ユーザーの不必要な支出を減らします。パフォーマンスが向上すると、消費電力が低くなります。
アップグレードするのに便利で、それを開いて最新バージョンを使用して、アップグレードパッケージの再ダウンロードの問題を排除できます。使用中、オフラインキャッシュを直接更新します。
デザイナーは、ユーザーが何を望んでいて、HTML5がユーザーに提供できるものを知っている必要があります。
8。CSS3ビジュアルデザイナー補助ツール
CSS3は、フォントの埋め込み、レイアウトレイアウト、および最も印象的なアニメーション機能をサポートしています。
セレクター - より柔軟なセレクター
WebFonts - 埋め込みフォント
レイアウト - 多様なタイポグラフィオプション
radiusの勾配シャドウ - 丸い角、勾配、影
国境の背景 - 境界の背景サポート
CSS3を使用して、視覚的な作業を完了し、高速で読み込み、コードと写真を保存し、ユーザーの帯域幅を保存します。
デザイナーは、インターフェイス内の多数の素材の写真があまりにも邪魔にならないことを知っておく必要があります。そのため、CSS3ができるだけ早く怠け者になるようにしてください。
9。リアルタイム通信
過去には、HTTPプロトコルとブラウザの設計により、リアルタイムのインタラクションは非常に限られており、一部の手法はリアルタイム通信効果を「シミュレート」するためにのみ使用できましたが、HTML5は完全なリアルタイム通信サポートを提供しました。
デザイナーは、リアルタイムのコミュニケーションと情報のコンテンツがリアルタイムリマインダーのアプリケーションに組み込まれていることを知っておく必要があり、HTML5がそれを達成するのに役立ちます。
10。アーカイブとハードウェアサポート
Gmailなどの新しいWebプログラムで、既にドラッグアンドドラッグファイルを電子メールの添付ファイルとして使用できることを発見したのだろうか?これは、HTML5ファイル関数のドラッグ 'nドロップとファイルAPIです。
設計者は、モバイルアプリケーションでのデータ送信に対する需要が高まっていることを知っている必要があり、従来のパス選択方法はあまりにも面倒です。 HTML5ドラッグアンドドロップアップロード機能を試してみてください!
11。セマンティック
セマンティックネットワークは、コンピューターがWebページのコンテンツをよりよく理解できるようにすることができます。これは、エンジン最適化(SEO)または推奨システムを検索するのに非常に役立ちます。
設計者は、HTML5が検索をより速くより正確にすることができることを知っている必要があります。
12。作業効率を向上させるためのデュアルプラットフォーム統合アプリ開発方法
iPhone/Androidが市場シェアを急速に増加させている現在の状況に応じて、将来上級スマートフォンにアプリケーションを書きたい場合、Objective-C + Cocoatouch Frameworkを使用してiPhone/iPadアプリケーションを作成するか、Java + Androidフレームワークを選択してAndroidアプリケーションを作成することを選択した場合。 2つのプラットフォームを同時にサポートしたい場合は、2つのコードセットを維持する必要があります。これは、開始されたばかりの小さなサービスの小さな負担です。
HTML5とCSS3を使用して、Webベースのアプリケーションを作成します。 iPhoneとAndroidを同時にサポートするには、単一のコードを維持する必要があります(クライアントに応じて変更する必要があります)。将来、他のモバイルデバイスにHTML5をサポートするブラウザがある場合、同じWebAppには追加のサポートプラットフォームが直接あります。
Googleの一連のサービスは、HTML5の多くのキャッシュ、ストレージ、およびデータベース仕様を使用して、オフラインアクセスプログラムの効果を実現しています。モバイルデバイスのネットワーク接続はデスクトップアプリケーションよりも不安定であり、モバイルで使用するネットワークがない場合があるため、これらのテクノロジーにより、ユーザーはインターネットのない環境でもWebAppを使用し続けることができます。これは、HTML5の主なサービスオブジェクトがまだWebアプリケーションに与えられており、すべてのアプリの開発に対する脅威をもたらさないことを示しています。これにより、さまざまな種類のアプリケーションがさまざまな開発方法を使用し、柔軟性を高めるのに役立ちます。
上記のコンテンツは、HTML5モバイル開発(必見)のいくつかの主要な機能を紹介していますが、気に入っていただければ幸いです。