Apa itu aplikasi html5 dan apakah saya menginginkannya?

Anda telah mendengar? Aplikasi HTML5 akan mengubah segalanya, mungkin tahun depan. Setidaknya itulah yang dikatakan oleh satu sisi tentang HTML5 versus aplikasi asli untuk sementara waktu. Ini adalah pesan yang membuat jalan menuju pusat perhatian setiap saat, dan itu akan menjadi seperti itu selamanya. Atau setidaknya sampai itu benar-benar terjadi dan semua aplikasi terbaik adalah aplikasi HTML5. Bukan hal yang aneh melihat pengembang memiliki debat dan pendukung semacam ini dari masing-masing pihak yang menjelaskan bagaimana versi mereka adalah versi yang lebih baik, tetapi ketika segalanya melampaui diskusi pengembang dan masuk ke arus utama tempat Anda dan saya mendengarnya, mereka dapat membuat kita mati rasa. Haruskah kita benar-benar peduli dengan apa yang kita dengar?

Dalam hal ini, ya. Sementara utopia di mana setiap aplikasi ditulis dalam HTML5 dan setiap pengguna memiliki pengalaman yang sama masih merupakan cara yang baik jika itu pernah terjadi, HTML5 dalam bentuk hybrid sudah merupakan masalah yang cukup besar. Kita harus tahu dan memahami apa pun yang merupakan masalah besar.

Apa itu aplikasi HTML5?

Pertama kali kebanyakan orang mendengar HTML5 disebutkan adalah ketika Steve Jobs memberi tahu kami semua itu akan menjadi masa depan web dan Flash tidak. Pernyataannya sebagian dibuat benar karena Apple memblokir akses ke segala jenis pemutar Flash di iOS, tetapi tidak perlu visioner untuk mengetahui hal ini akan datang karena HTML5 memiliki lebih banyak hal untuk itu daripada yang pernah dilakukan Flash. Dan kebetulan bahwa masa depan web juga merupakan cara yang cukup baik untuk kode aplikasi.

HTML adalah singkatan dari HyperText Markup Language, dan kami berada di revisi ke-5 standar. Tetapi ketika Anda mendengar istilah aplikasi HTML5, apakah itu berarti aplikasi web atau aplikasi yang dapat Anda instal di ponsel, Anda benar-benar berurusan dengan tiga jenis kode.

• HTML menyediakan kerangka kerja di mana pengembang dapat menempatkan kode mereka dan aplikasi dapat mengubahnya menjadi sesuatu yang bisa kita lihat dan berinteraksi dengannya.
• CSS menyediakan cara untuk menata bagaimana masing-masing bit kode akan terlihat setelah ditampilkan dan ditampilkan di layar kami.
• JavaScript adalah yang menjadikan semuanya interaktif dan dapat "melakukan" apa saja.

Apa yang membuat HTML5 hebat adalah bahwa semuanya dipahami oleh satu aplikasi yang tidak perlu dipelihara oleh pengembang aplikasi dan semuanya bekerja pada perangkat apa pun dengan layar yang memiliki versi aplikasi itu sendiri. Kita berbicara tentang browser web, tetapi bukan aplikasi browser web itu sendiri. Komponen dari browser web yang dapat mengambil semua kode ini dan menjadikannya menjadi sesuatu yang dapat kita gunakan dengan cepat cukup portabel dan merupakan bagian dari banyak aplikasi yang sudah Anda gunakan sebagai tampilan web.

Seorang insinyur Mozilla pernah berkata, "Kode sekali dijalankan di mana saja tidak berarti melarikan diri. Optimalisasi adalah kuncinya." Orang pintar, insinyur Mozilla itu.

Artinya, pengembang dapat menulis kodenya dan menyempurnakannya, lalu menyebarkannya ke mana - mana. Itu jauh berbeda dari menulis kode terpisah untuk Android, iOS, macOS, Windows, dan HTML untuk webOS dan BlackBerry 10. Seorang pengembang dapat menulis kode menggunakan lingkungan pengembangan apa pun yang mereka pilih, apakah itu Notepad atau sesuatu yang kompleks seperti Visual Studio atau Adobe Dreamweaver, debug dan fine tune di browser apa pun yang mereka pilih, dan itu masih berfungsi di mana-mana.

Itu termasuk telepon Anda juga. Kita semua telah melihat aplikasi HTML5 digunakan sebagai halaman web. Tempat-tempat seperti Twitter atau Gmail versi seluler adalah contoh sempurna HTML5 di kantor. Tetapi karena HTML5 dapat dirender oleh komponen tampilan web, menjatuhkan jendela di dalam bingkai aplikasi dasar untuk membuat aplikasi yang sebenarnya Anda instal di ponsel Anda sederhana dan cepat. Bahkan ada alat pihak ketiga yang melakukan semua pekerjaan untuk Anda, seperti Apache Cordova. Ini membantu pengembang baru membawa ide-ide mereka kepada semua orang dan juga pengembang berpengalaman yang sekarang memiliki waktu untuk memimpikan hal-hal yang belum pernah kita lihat sebelumnya. HTML5 yang tertanam dalam aplikasi asli dapat menjalankan kode dan menggunakan aset yang didapatnya dari internet, tetapi pengembang juga dapat menginstal ini secara lokal dan mengarahkan kode di sana untuk aplikasi asli offline yang jujur.

Tapi tidak semuanya hebat tentang HTML5.

Realitas aplikasi HTML5

Di sinilah hal-hal bisa membingungkan. Ketika kita memikirkan halaman web, kita sering lupa bahwa halaman web hanya mengirimkan kodenya ke mesin browser dan perangkat kita yang berfungsi. Itu berarti hal-hal seperti geolokasi, obrolan audio dan video real-time, grafik akselerasi 3D, dan banyak lagi tidak hanya mungkin tetapi sederhana bagi pengembang untuk menerapkan menggunakan HTML5. Itu karena badan standar mengatakan: "Hai teman-teman, kita semua perlu melakukan hal tertentu ini dengan cara tertentu, dan pengembang dapat meminta kita untuk melakukannya seperti ini."

Itulah tujuannya. Realitas dapat sedikit berbeda, dan kita hanya perlu melihat pemutaran video untuk contoh yang bagus mengapa. Setiap peramban yang ingin Anda gunakan mendukung HTML5: Chrome, Opera, Internet Explorer, Edge, Firefox, dan Safari adalah peramban HTML5 dan mendukung pemutaran video setelah pengembang mengetik hanya dalam beberapa kata yang mengarah ke video. Semua jenis komponen tampilan web portabel yang dimiliki aplikasi ini akan melakukan hal yang sama karena mereka menggunakan mesin rendering yang sama.

Ketika Anda tidak menegakkan aturan mereka menjadi saran; yang tidak ingin diikuti siapa pun.

Tetapi mereka tidak semua mendukung jenis video yang sama karena HTML5 bersifat lintas platform, terbuka, dan bukan hak milik, jadi tidak ada yang memaksa mereka untuk mendukung semua format. Ogg Theora adalah format video populer yang didukung oleh setiap browser kecuali Internet Explorer, yang merupakan peramban default di banyak komputer. H.264 bahkan lebih populer, tetapi tidak terbuka atau gratis untuk digunakan sehingga Firefox tidak mendukungnya. VP8 dan WebM bebas untuk digunakan dan dibuka dan setiap mesin browser mendukungnya, tetapi Internet Explorer dan Safari mengharuskan pengguna untuk mengambil dan menginstal dukungan. Secara teknis, HTML5 mendukung pemutaran video HD dan sangat mudah bagi pengembang untuk mengimplementasikannya. Di dunia nyata, hanya jenis video yang tepat yang didukung.

YouTube memutar semua video dengan HTML5 karena Google memiliki uang untuk mengonversi video yang Anda unggah.

HTML5 juga tergantung pada perangkat keras yang digunakan dan seberapa mahir pengembang ketika harus menulis kode. Memilih pustaka JavaScript yang salah mungkin masih menghasilkan hasil yang sama, tetapi juga dapat menyebabkan kebocoran memori, dan menangani DOM Manipulasi (Model Objek Dokumen - dibuat saat halaman atau aplikasi dimuat, dan menyertakan setiap elemen pada halaman atau dalam aplikasi sebagai "dokumen" terpisah) yang buruk dapat membuat aplikasi HTML5 sangat lambat bahkan pada perangkat keras terbaik. Pada ponsel yang tidak mampu, itu dengan cepat menyebabkan pengguna menghapus instalan aplikasi Anda.

Itu bukan satu-satunya masalah. Ketika Anda membangun aplikasi HTML5 yang menarik semuanya dari internet, Anda harus berurusan dengan waktu pemuatan. Itu menambah kecepatan koneksi pengguna ke dalam daftar hal-hal yang dapat membuat aplikasi Anda berjalan lambat, bersama dengan kemampuan fisik perangkat keras (banyak ponsel menggunakan prosesor yang tidak persis cepat) dan optimasi kode. Jika diperlukan satu detik untuk menampilkan kode Anda di perangkat pengguna dan 10 detik untuk mengambilnya dari internet, Anda akan memiliki banyak pengguna yang tidak bahagia.

Aplikasi Facebook adalah contoh dari apa yang salah dengan HTML5 sama seperti Instagram adalah contoh dari apa yang benar.

Ada contoh luar biasa dari ini yang tersedia, dan hampir semua dari kita tidak senang dengan apa pun jenis telepon yang kita gunakan: aplikasi Facebook. Aplikasi Facebook pada dasarnya adalah tampilan web yang disematkan dalam bingkai yang menahan tombol-tombol dan membantu mengelola kredensial akun Anda atau mendorong pesan dengan cara yang disetujui sistem operasi. Semua hal yang terjadi di dalam aplikasi dilakukan dengan HTML5, dan itu terlalu banyak untuk ditangani setelah Anda faktor mengambil semua datanya dari internet. Pengembang terus menambahkan lebih banyak ke Facebook, pengguna memposting file besar yang dihosting di tempat di luar Facebook, dan ada jutaan dan jutaan orang yang memukul server Facebook sekaligus, 24/7. Itu membuat aplikasi lambat untuk di-refresh, sangat haus daya, dan menjadi subjek banyak keluhan.

Situs web seluler Facebook juga ditulis dalam HTML5, tetapi situs ini dirancang untuk menjadi sumber daya karena itu untuk penggunaan seluler. Itu membuatnya lebih cepat untuk memuat konten yang ingin Anda lihat bahkan jika semua konten itu tidak ditampilkan sebaik di tampilan penuh. Itu juga mengapa situs seluler dan aplikasi "lite" Facebook yang merujuknya berfungsi jauh lebih baik daripada aplikasi resmi Facebook. Dan ini bukan hanya masalah Facebook - ada banyak aplikasi yang memiliki semua fitur mereka didukung menggunakan HTML5 tetapi sama rumitnya (kata yang bagus untuk kembung karena mereka sudah ada beberapa saat dan terus berubah) seperti Facebook dan akan bertindak dengan cara yang sama.

Jadi, apakah saya ingin melihat lebih banyak aplikasi HTML5 atau tidak?

Iya nih! Tetapi tidak semua aplikasi.

HTML5 benar-benar bagus dalam banyak hal dan merupakan cara yang hebat bagi pengembang untuk menggunakan waktunya untuk memikirkan ide-ide kreatif daripada melakukan rooting melalui manual referensi Objective-C atau C ++. Tetapi kadang-kadang, struktur kaku bahasa pengembangan yang memaksa pengembang untuk melakukan sesuatu dengan cara tertentu adalah yang membuat hasil akhirnya bekerja lebih baik di ponsel kita.

Aplikasi HTML5 bisa menjadi mimpi buruk seperti yang kita lihat dari aplikasi Facebook atau mereka bisa sangat luar biasa seperti yang kita lihat dari situs seluler Gmail. Atau Uber. Atau Instagram. Atau ratusan aplikasi HTML5 yang kami gunakan setiap hari. Itu bukan hal yang harus kita khawatirkan, tapi itu hal yang sepenuhnya diperdebatkan oleh pengembang. Dan sekarang ketika mereka berdebat dan berusaha meyakinkan Anda mana yang lebih baik, Anda tahu sedikit tentang mengapa mereka mengatakan hal-hal yang mereka katakan.

Kami dapat memperoleh komisi untuk pembelian menggunakan tautan kami. Belajarlah lagi.