✔ Bagaimana Menciptakan Website Versi Mobile Untuk Handphone, Smartphone Dan Tablet
Penggunaan tablet ataupun smartphone beberapa tahun belakang meningkat sangat signifikan, banyak orang yang melaksanakan pekerjaan yang biasanya dilakukan memakai komputer mengalihkan sebagain besar kegiatannya memakai smartphone atau tablet, menyerupai ber–kirim email, membaca e-book atau majalah, menulis blog, dan browsing.
Untuk anda yang bergerak di bidang web
development sudah seharusnya anda perhatikan pula untuk tampilan di tablet atau di smartphone, memang memerlukan sentuhan khusus agar tampilannya sesuai dengan yang diharapakan atau setidaknya masih dapat terlihat seprti sebuah WEB.
Ada beberapa hal yang perlu anda perhatikan dalam pembuatan web versi mobile diantaranya 1. Clean Code
Sangat disaranakan jikalau anda menciptakan web design sebaiknya anda memakai tag DIV jika anda masih menggunakan TABLE sudah saatnya anda Move On, penggunaan TABLE dalam web design selain tidak fleksibel misalkan anda tidak dapat memakai tag margin untuk mengatur jarak antara table walaupaun anda masih dapat mengatur dengan menambahkan tag TD, selain itu jikalau anda membangun sebuah web dengan harapan Responsive Design saya jamin anda tidak akan berhasil, dan seharusnya penggunaan TABLE adalah untuk data yang berbentuk tabel bukan untuk LAYOUT
2. CSS Media Query / Responsive Design
CSS Media Query pada pada dasarnya menghilangkan beberepa belahan tampilan web atau mengatur kembali posisi dan beberapa value CSS yang nantinya disiapkan khusus untuk tampilan mobile website di Smartphone atau Tablet, sebagai misalnya jikalau anda membuka website Samarata.com menggunakan komputerdesktop atau laptop silahkan resize ukuran browsernya maka tampilannya akan mengikuti ukuran browser dan tampilannyapun akan berubah. Ini dinamakan Responsive Design, posting berikutnya kita akan bahas cara menciptakan responsive design
3. Membuat Website Khusus Versi Handphone atau Smartphone
Berbeda dengan responsive, jikalau memakai website khusus untuk versi smartphone atau handphone artinya anda menciptakan folder dan file coding terpisah, anda dapat memakai jQuery Mobile untuk pembuatannya atau anda dapat menciptakan versi anda sendri,kemudahan manggunakan jQuery mobile disana anda sudah disiapkan segala kebutuhan anda hanya perlu memanggilnya, untuk penggunaan anda bias melihat panduan penggunaannya
Cara kerjanya yaitu jikalau pengunjung memakai handphone maka akan secara otomatis di arahkan ke website versi mobile, tetapi anda perlu menyimpan coding tertentu supaya website dapat mendeteksi mana yang memakai handphone/smartphone dangan pengunjung yang memakai komputer desktop atau laptop, cara untuk membedakan biasanya menurut resolusi layar.
Khusus untuk tablet, website yang muncul sama menyerupai versi desktop sebab rata-rata untuk tablet resolusi 1024 px. Pembuatan website versi handphone cukup efektif jikalau sasaran pasar anda ialah pengguna handphone dengan OS selain Android ataupun iOs. Dan URL pun berbeda misalakan anda menggunakan m.domain-anda.com atau mobile.domain-anda.com
Kesimpulan:
Jika anda hendak menciptakan website versi mobile sebaiknya anda tes pula di beberapa handphone yang mempunyai OS berbeda yakni Android, Nokia, Symbian, iOS, minimal satu dari setiap OS tersebut, jikalau memungkinkan tes pula di resolusi layar yang berbeda, memang proses ini memakan waktu, jikalau tampilan tidak terlalu rumit kami saranakan untuk memakai jQuery Mobile penggunaan yang gampang selain itu kompatibel hampir di seluruh device.
Bagaimana dengan anda apakah mempunyai solusi lain, silahkan mengembangkan di kolom komentar.
0 Response to "✔ Bagaimana Menciptakan Website Versi Mobile Untuk Handphone, Smartphone Dan Tablet"
Posting Komentar