Daftar Isi:
Video: Membuat Aplikasi Kirim Balas Pesan Chat (Inbox) dengan PHP 7 dan jQuery Ajax (Part 1/4) 2024
Semua orang ingin membuat aplikasi mobile akhir-akhir ini. Inilah rahasianya yang besar. Banyak aplikasi benar-benar ditulis dalam HTML5, CSS, dan JavaScript. Anda sudah tahu semua yang Anda butuhkan untuk membuat aplikasi yang bekerja pada perangkat seluler. Lebih baik lagi, Anda tidak perlu mempelajari bahasa baru atau mendapatkan izin dari toko aplikasi atau membeli lisensi, seperti yang Anda lakukan untuk aplikasi asli.
Ada beberapa trik hebat yang dapat Anda lakukan untuk pengguna iOS. Anda dapat merancang program Anda sehingga pengguna dapat menambahkan ikon langsung ke desktop. Pengguna kemudian dapat memulai program seperti aplikasi lainnya. Anda juga bisa membuat peramban menyembunyikan peramban browser biasa sehingga program Anda tidak terlihat seperti berjalan di browser!
Ternyata efek ini cukup mudah dilakukan.
Tambahkan ikon ke program Anda
Versi modern iOS (sistem operasi iPhone / iPad) sudah memiliki kemampuan untuk menyimpan halaman web apapun di desktop. Lihat saja halaman web di Safari dan klik tombol Share. Anda akan menemukan pilihan untuk menyimpan halaman web ke desktop. Anda dapat menginstruksikan pengguna Anda untuk melakukan ini, dan mereka dapat meluncurkan program Anda seperti aplikasi biasa.
Namun, ikon default untuk aplikasi tersimpan cukup jelek. Jika Anda menginginkan ikon yang tampak bagus, Anda dapat menyimpan gambar kecil sebagai a. png file dan memasukkannya ke dalam direktori yang sama dengan program anda. Kemudian, Anda dapat menambahkan baris ini ke halaman Anda (di header) dan gambar itu akan muncul di desktop saat pengguna menghemat program Anda:
Sebagai bonus tambahan, iPhone atau iPad secara otomatis menyesuaikan gambar agar terlihat seperti Ikon Apple, menambahkan efek yang sesuai dengan versi iOS yang terpasang (dibulatkan dan dilapisi kaca di iOS6, rata di iOS7.)
Tentu saja, trik ikon ini adalah mekanisme Apple saja. Dengan sebagian besar versi Android, bookmark yang Anda tunjuk dengan browser utama Anda dapat ditambahkan ke desktop, namun tidak ada opsi ikon khusus. Petunjuk ikon apel-sentuh hanya akan diabaikan jika Anda menggunakan beberapa OS lainnya.
Hapus toolbar Safari
Meskipun program Anda terlihat bagus dari layar utama, saat pengguna mengaktifkan program, masih jelas bahwa program tersebut adalah bagian dari browser web. Anda dapat dengan mudah menyembunyikan toolbar browser dengan baris lain di header:
Kode ini tidak akan melakukan apapun kecuali program dipanggil dari desktop. Namun, dalam kasus itu, ia menyembunyikan bilah alat, membuat program terlihat dan terasa seperti aplikasi lengkap. Sebagai bonus tambahan, ini menjalankan program dalam mode layar penuh, memberi Anda sedikit ruang untuk bermain game.
Sekali lagi, ini adalah solusi spesifik Apple. Tidak ada cara mudah untuk mencapai efek yang sama pada perangkat Android.
Simpan offline program Anda
Sekarang program Anda sangat mirip aplikasi, kecuali hanya berjalan saat Anda terhubung ke Internet. HTML5 memiliki fitur hebat yang memungkinkan Anda menyimpan keseluruhan halaman web secara lokal saat pertama kali dijalankan.
Kemudian jika pengguna mencoba mengakses program dan sistem tidak bisa online, salinan permainan lokal akan dijalankan. Intinya, program ini diunduh pertama kali diaktifkan dan tetap berada di perangkat lokal.
Ini adalah efek yang relatif mudah untuk dicapai:
-
Jadikan program Anda stabil: Sebelum dapat menggunakan mekanisme penyimpanan offline, Anda harus memastikan program Anda hampir siap diluncurkan. Minimal, Anda harus memastikan bahwa Anda mengetahui semua file eksternal yang dibutuhkan oleh permainan.
-
Gunakan hanya sumber daya lokal: Untuk proyek seperti ini, Anda tidak dapat mengandalkan internet eksternal, jadi Anda harus memiliki semua file Anda di tempat lokal. Ini berarti Anda tidak bisa benar-benar menggunakan file PHP atau eksternal. Anda harus memiliki salinan lokal dari semuanya di server.
-
Bangun cahce. file manifest: Lihatlah direktori yang berisi game Anda, dan buat file teks baru yang disebut.
-
Tulis baris pertama: Baris pertama cache. File manifest hanya boleh berisi teks CACHE MANIFEST (semua dalam huruf kapital).
-
Buat daftar setiap file dalam direktori: Tuliskan nama setiap file dalam direktori, satu file per baris. Hati-hati dengan kapitalisasi dan ejaan Anda.
-
Tambahkan atribut manifes: Tag memiliki atribut baru yang disebut manifest. Gunakan ini untuk menjelaskan ke server tempat manifestasi cache dapat ditemukan:
-
Muat halaman dengan normal: Anda harus memuat halaman web sekali dengan cara biasa. Jika semua sudah diatur dengan benar, browser akan diam-diam membuat salinan file.
-
Uji secara offline: Cara terbaik untuk menguji penyimpanan offline adalah untuk sementara menonaktifkan akses nirkabel pada komputer Anda dan kemudian mencoba mengakses file. Jika semuanya berhasil, Anda harus bisa melihat halaman Anda seolah-olah Anda masih online.
-
Periksa pengaturan server: Jika penyimpanan offline tidak berfungsi, Anda mungkin perlu memeriksa dengan administrasi server Anda. Tipe teks / manifest MIME perlu dikonfigurasi pada server. Anda mungkin harus meminta administrator server Anda menyetel opsi ini di. htaccess file untuk akun Anda:
teks addtype / cache-manifest. manifes
Perhatikan bahwa diperlukan mekanisme cache-manifest beberapa jam untuk mengenali perubahan, jadi saat Anda membuat perubahan pada halaman Anda, perubahan ini tidak diperbarui secara otomatis ke browser lokal. Itulah mengapa sebaiknya simpan pengarsipan off-line untuk mendekati akhir siklus pengembangan proyek Anda.
