API penyimpanan web HTML5 dapat dianggap sebagai versi cookie yang disempurnakan, yang tidak dibatasi oleh ukuran data, memiliki fleksibilitas dan arsitektur yang lebih baik, dan dapat menulis data ke ROM mesin. Ini juga dapat mengembalikan data ketika browser ditutup dan dibuka lagi untuk mengurangi lalu lintas jaringan.
Munculnya pengembangan seluler HTML5 telah menggeser persaingan platform seluler dari platform sistem ke browser: IE seluler, Chrome, Firefox, Safari, atau browser baru. Siapa pun yang dapat mencapai dukungan yang lebih baik untuk HTML5 di sisi seluler akan dapat menempati lebih banyak pasar di bidang aplikasi seluler di masa depan.
Metode penggunaan aplikasi dan instalasi yang lebih fleksibel dan nyaman akan menjadi salah satu jaminan untuk HT] L5 untuk bersinar di platform seluler.
Berikut adalah beberapa fitur utama yang cocok untuk HTML5 untuk pengembangan aplikasi seluler:1. Caching offline memberikan dasar untuk pengembangan aplikasi seluler HTML5
API penyimpanan web HTML5 dapat dianggap sebagai versi cookie yang disempurnakan, yang tidak dibatasi oleh ukuran data, memiliki fleksibilitas dan arsitektur yang lebih baik, dan dapat menulis data ke ROM mesin, dan juga dapat mengembalikan data ketika browser ditutup dan dibuka lagi untuk mengurangi lalu lintas jaringan.
Pada saat yang sama, fungsi ini dapat dianggap sebagai catatan operasi latar belakang ke arah lain, tanpa menempati sumber daya latar belakang apa pun, mengurangi tekanan pada perangkat keras perangkat dan meningkatkan kelancaran operasi.
Aplikasi online mendukung pengunduhan cache offline saat menggunakan, atau tidak mengunduh cache offline; Aplikasi offline harus diunduh setelah cache offline sebelum dapat digunakan.
Sederhananya, cookie menyimpan telepon dan menu. Anda perlu memesan takeaways saat Anda ingin makan. Berapa lama waktu yang dibutuhkan untuk menunggu tergantung pada kondisi lalu lintas; Cache offline berarti Anda menyimpan makanan langsung di lemari es, dan Anda bisa segera memakannya jika Anda ingin makan makanan terbaru (tentu saja, Anda juga dapat menelepon untuk memesan reservasi jika Anda ingin makan makanan terbaru).
Desainer harus tahu kapan harus membuat pengguna mengunduh cache offline (perhatikan perbedaan antara aplikasi online dan offline).
2. Audio dan video tertanam yang bebas, format multimedia yang lebih fleksibel
Metode pengembangan asli relatif merepotkan untuk memproses konten multimedia yang memadukan teks dan audio dan video. Ini membutuhkan pemisahan teks, gambar, audio dan video, menguraikan URL yang sesuai dan memprosesnya dengan cara yang berbeda.
HTML5 sama sekali tidak terbatas dalam hal ini dan dapat ditangani sepenuhnya bersama.
Desainer harus tahu bahwa akan menjadi hal yang luar biasa jika teks dan multimedia dicampur dalam presentasi informasi berita, Weibo, dan aplikasi sosial tanpa harus menyematkan webview secara khusus, setidaknya masih sulit untuk mengimplementasikan metode asli sekarang.
3. Posisi geografis, berbagi lokasi kapan saja, di mana saja
Berikan permainan penuh untuk keuntungan perangkat seluler dalam penentuan posisi dan mempromosikan pengembangan aplikasi LBS.
Anda dapat menggunakan GPS, WiFi, ponsel, dan metode lain untuk membuat posisi lebih akurat dan fleksibel.
Penentuan posisi lokasi geografis membuat penentuan posisi dan navigasi tidak lagi memiliki perangkat lunak navigasi eksklusif, dan peta tidak perlu mengunduh paket peta yang sangat besar. Mereka dapat diselesaikan melalui cache, dan mereka bisa lebih fleksibel ke mana pun mereka pergi.
Desainer harus tahu bahwa ada semakin banyak aplikasi yang menanamkan fungsi LBS, yang juga merupakan salah satu keunggulan terbesar perangkat seluler dibandingkan dengan PC desktop. HTML5 dapat memperluas keunggulan ini lagi. Pikirkan cara menggunakannya di aplikasi yang Anda rancang!
4. Menggambar kanvas untuk meningkatkan kemampuan menggambar platform seluler
Gunakan Canvas API untuk hanya menggambar peta hotspot untuk mengumpulkan informasi pengalaman pengguna
Mendukung pengeditan umum gambar seperti gerakan, rotasi, dan zoom
Canvas - Dukungan Fungsi Gambar 2D
Canvas 3D - Dukungan Fungsi Gambar 3D
SVG - Dukungan Grafik Vektor
Desainer harus tahu bahwa gerakan, rotasi, dan penskalaan gambar semuanya terlalu mendasar. Mereka semua adalah kasus kecil saat menggambar sendiri. Adapun cara menggunakannya, pikirkan dengan cermat!
5. Elemen formulir yang disesuaikan untuk platform seluler
Elemen bentuk HTML5 yang muncul di browser dan keyboard yang sesuai:Ketik keyboard tujuan
Teks Input Normal Konten Keyboard Standar
Nomor telepon keypad numerik
Kotak teks alamat email email dengan @ dan.
URL URL dengan .com dan.
Pencarian digunakan untuk mesin pencari, seperti keyboard standar kotak pencarian yang ditampilkan di bagian atas situs
Range Numerical Selectors Dalam rentang nilai tertentu, tampilan tipikal adalah slider slider atau meja putar
Anda hanya perlu deklarasi sederhana untuk menyelesaikan panggilan ke keyboard yang berbeda, yang sederhana dan nyaman.
Desainer harus tahu bahwa ketika menggunakannya, ingatlah untuk memberi tahu rekan R&D mereka!
6. Dukungan Mode Interaktif Kaya
Tingkatkan Kemampuan Interaksi: Seret, Batalkan Operasi Sejarah, Pemilihan Teks, dll.
Transisi - Efek Gerakan Komponen
Transformasi - Efek Deformasi Komponen
Animasi - Tambahkan Gerakan dan Deformasi ke Dukungan Animasi
Desainer harus tahu bahwa HTML5 memberikan metode interaktif yang kaya. Adapun apakah itu berguna atau tidak, itu adalah bisnis Anda sendiri!
7. Keuntungan Penggunaan HTML5
Biaya pengembangan dan pemeliharaan yang lebih rendah;
Membuat halaman lebih kecil dan mengurangi pengeluaran yang tidak perlu untuk pengguna; Dan kinerja yang lebih baik membuat konsumsi daya lebih rendah;
Lebih mudah untuk meningkatkan, dan Anda dapat membukanya dan menggunakan versi terbaru, menghilangkan kesulitan untuk menurunkan kembali paket upgrade. Selama digunakan, Anda langsung memperbarui cache offline.
Desainer harus tahu apa yang diinginkan pengguna dan apa yang dapat diberikan HTML5 kepada pengguna.
8. Alat Auxiliary Perancang Visual CSS3
CSS3 mendukung embedding font, tata letak tata letak, dan fitur animasi yang paling mengesankan.
Pemilih - Pemilih yang lebih fleksibel
Webfonts - Font Tertanam
Tata Letak - Beragam Pilihan Tipografi
Stlying Radius Gradient Shadow - sudut bulat, gradien, bayangan
Latar Belakang Perbatasan - Dukungan Latar Belakang untuk Perbatasan
Gunakan CSS3 untuk menyelesaikan beberapa pekerjaan visual, memuat cepat, menyimpan kode dan gambar, dan menyimpan bandwidth untuk pengguna.
Desainer harus tahu bahwa cara puluhan gambar material dalam antarmuka terlalu mudah, jadi biarkan CSS3 membantu Anda menjadi malas sesegera mungkin.
9. Komunikasi real-time
Di masa lalu, karena protokol HTTP dan desain browser, interaksi real-time sangat terbatas, dan beberapa teknik hanya dapat digunakan untuk "mensimulasikan" efek komunikasi real-time, tetapi HTML5 memberikan dukungan komunikasi real-time yang lengkap.
Desainer harus tahu bahwa komunikasi real-time dan konten informasi tertanam dalam aplikasi untuk pengingat real-time, dan HTML5 dapat membantu Anda mencapainya.
10. Arsip dan Dukungan Perangkat Keras
Saya ingin tahu apakah Anda telah menemukan bahwa dalam program web baru seperti Gmail, Anda sudah dapat menggunakan file drag dan drag sebagai lampiran email? Ini adalah drag 'n drop dan file API di fungsi file HTML5.
Desainer harus tahu bahwa ada peningkatan permintaan untuk transmisi data dalam aplikasi seluler, dan metode pemilihan jalur tradisional terlalu rumit. Datang dan coba fungsi HTML5 Drag dan Lepas!
11. Semantik
Jaringan semantik dapat memungkinkan komputer untuk lebih memahami konten halaman web, yang dapat sangat membantu untuk mencari optimisasi mesin (SEO) atau sistem rekomendasi.
Desainer harus tahu bahwa HTML5 dapat melakukan pencarian lebih cepat dan lebih akurat.
12. Metode pengembangan aplikasi integrasi dual-platform untuk meningkatkan efisiensi kerja
Menurut situasi saat ini di mana iPhone/Android dengan cepat meningkatkan pangsa pasarnya, jika Anda ingin menulis aplikasi pada smartphone canggih di masa depan, jika Anda memilih untuk menggunakan kerangka kerja Cocoatouch Objective-C + untuk menulis aplikasi iPhone/iPad, atau memilih Java + Android Framework untuk menulis aplikasi Android. Jika Anda ingin mendukung dua platform pada saat yang sama, Anda harus mempertahankan dua set kode, yang merupakan beban kecil untuk layanan kecil yang baru memulai.
Gunakan HTML5 dan CSS3 untuk menulis aplikasi berbasis web. Untuk mendukung iPhone dan Android secara bersamaan, Anda hanya perlu mempertahankan satu kode (beberapa perlu dimodifikasi menurut klien). Di masa depan, jika perangkat seluler lain memiliki browser yang mendukung HTML5, WebApp yang sama akan secara langsung memiliki platform dukungan tambahan.
Serangkaian layanan Google menggunakan banyak cache, penyimpanan, dan spesifikasi basis data di HTML5 untuk mencapai efek program akses offline. Karena koneksi jaringan perangkat seluler lebih tidak stabil daripada aplikasi desktop, dan kadang-kadang tidak ada jaringan untuk digunakan di ponsel, teknologi ini memungkinkan pengguna untuk terus menggunakan Webapp Anda bahkan di lingkungan yang bebas internet. Ini menunjukkan bahwa objek layanan utama HTML5 masih diberikan pada aplikasi web dan tidak akan menimbulkan ancaman bagi pengembangan semua aplikasi. Ini akan membantu berbagai jenis aplikasi menggunakan metode pengembangan yang berbeda dan membuatnya lebih fleksibel.
Konten di atas memperkenalkan beberapa fitur utama dari pengembangan seluler HTML5 (yang harus dibaca), saya harap Anda menyukainya.