Skip to main content

Responsive Web Design, Tampilan Web Untuk Segala Gadget

Kali ini saya ingin menginformasikan sebuah model baru dari teknologi berbasis data. Pada tulisan saya yang lalu saya telah menyampaikan bahwa anda bisa mempunyai sebuah website hanya dengan mendaftar di situs wordpress.com. Anda bisa mendaftar bahkan melalui telpon pintar yang anda punyai asal ada jarigan dan paket data.

Sebuah website adalah metode penjualan yang tidak baru di beberapa tahun belakangan ini. Sebuah prediksi dari https://id.techinasia.com/transaksi-belanja-online-indonesia-2015/ menyebutkan bahwa di tahun 2015 transaksi online di Indonesia akan mencapai Rp. 50 Trilyun. Bisakah kita mendapatkan share minimal 1% dari prediksi tersebut? Tidak hanya itu saja website menjadi media public relation yang cukup efektif karena informasi yang akan disampaikan adalah informasi resmi. Tulisan kali ini berlatar belakang pada perbedaan tampilan antara website resmi megainsurance dan portal megainsurance.

Sebagai sebuah channel penjualan website megainsurance bisa dikatakan sama sekali tidak menjual. Kenapa? Pada saat ini teknologi website sedang berkembang kepada responsive web design. Dengan menggunakan teknologi ini sebuah situs akan dapat diakses di semua gadget, mulai dari pc, smartphone, ataupun tablet.

Bagaimana cara mengetahui sebuah website responsive atau tidak? Simple saja. Ketik alamat megainsurance.co.id di address bar dan perhatikan tampilan websitenya. Berikut tampilan website megainsurance yang diakses melalui pc atau komputer



Ketika pelanggan mengakses website untuk mencari informasi yang lebih lengkap melalui smartphone yang dimiliki maka pelanggan tersebut akan melihat tampilan website seperti berikut



Sekarang bandingkan dengan website internal kita, portal.megainsurance.co.id.



Lihat tampilan web internal kita dengan smartphone,



Anda bisa melihat perbedaannya?

Di website resmi megainsurance, jika seseorang mengakses melalui gadget yang dimiliki maka ia akan menemukan kesulitan untuk mengaksesnya. Pertama ia harus mengetuk dua kali di daerah tempat informasi yang ia cari berada. Kedua ia harus melakukan scroll ke arah kanan atau ke arah kiri untuk menemukan informasi yang terdapat di website.

Bandingkan dengan web internal portal.megainsurance.co.id. Anda dapat mencari informasi mengenai apa yang dibutuhkan tanpa harus repot-repot melakukan ketukan pada layar maupun melakukan scroll kiri atau kanan.

Teknologi website yang digunakan oleh portal megainsurance dikenal dengan istilah responsive web design. Sederhananya website akan terlihat sama jika diakses dari gadget manapun apakah itu dari smartphone, tablet, atau bahkan pc. Teknologi responsive web design ini bahkan disebut-sebut akan menghemat beban loading ketika seseorang mengakses website tersebut.

Sudah banyak website besar yang menggunakan teknologi ini, coba anda akses detik.com baik di komputer maupun di smartphone. Pastinya anda akan menemui hal yang sama yaitu tampilan yang tak jauh beda antara pengguna mengakses melalui komputer maupun menggunakan gadget.

Penerapan teknologi Responsive Web Design sendiri tidak memerlukan tambahan alat khusus jika kita memahami kode pembentuk dari website. Dengan tambahan kode CSS yang dimodifikasi dari W-3 CSS website megainsurance akan tampil dengan baik di semua gadget. Dengan kemampuan akses website di segala gadget maka tentunya website yang dimiliki akan mampu untuk lebih dekat kepada pelanggan dan lebih mendengar kebutuhan-kebutuhan mereka.

Semoga tulisan tentang responsive web design ini bermanfaat. Terima kasih.

Comments

Artikel Viral

Kuliah Itu Berapa Tahun Sih? Ini Jawabannya

Saya sering mendapat pertanyaan dari pengunjung blog

"kak, kuliah itu berapa tahun?" atau

"om, Kuliah S1 sampai berapa semester?" atau

"bang, semester kuliah ada berapa?"

Saya sangat senang mendapatkan pertanyaan-pertanyaan diatas.

Artinya kamu yang saat ini baru mulai kuliah, sudah mempersiapkan masa depan kamu dengan tidak ingin berlama-lama di kampus.

Untuk menjawab pertanyaan-pertanyaan dari pembaca pencaricerah.com diatas saya sedikit mengalami kesulitan.

Apa itu?

Soalnya saran yang saya berikan di tulisan kuliah itu berapa tahun? berbeda sedikit dengan pengalaman.

Jangan lewatin 7 Cara Berpakaian Untuk Mahasiswa Baru

Namun saya berharap kamu bisa belajar dari pengalaman saya yang tidak sesempurna tulisan ini.

Mungkin yang bertanya sedang menghitung berapa biaya yang harus dikeluarkan saat kuliah atau mungkin juga sedang merencanakan apa yang bisa ia lakukan disela-sela perkuliahan.

Berdasarkan pertanyaan yang beberapa kali muncul di kolom komentar beberapa post…

TEMPAT MAGANG SASTRA INGGRIS PALING IDEAL, NO 1 PALING FAVORIT

Tempat magang sastra inggris? Emang ada? Itu pertanyaan saya yang muncul ketika membaca tulisan dari blogger Ran-Chan no Hibi. Sebagai alumni sastra inggris saya sama sekali baru tahu kalau ternyata ada tempat magang bagi mahasiswa sastra inggris. Seandainya informasi ini saya dapatkan ketika kuliah tentu jalan hidup saya berbeda.
Karena itu saya ingin membagikan informasi yang cukup penting bagi kamu, mahasiswa sastra inggris, yaitu tempat magang sastra inggris.
Magang itu apa sih? Magang adalah sebuah kesempatan untuk mengintegrasikan pengalaman yang berhubungan dengan karir ke dalam pendidikan sarjana dengan berpartisipasi dalam pekerjaan yang terencana dan diawasi. (https://ekoyanto.files.wordpress.com/2011/11/apakah-magang-itu1.pps)
Dari pengertian diatas maka anda akan melihat ada perbedaan antara magang dan kerja sambilan. Walaupun sama-sama diawasi dan pekerjaan yang dilakukan terencana, perbedaan magang dan kerja sambilan terdapat dalam hubungannya dengan pendidikan sarjana.

Mengatasi Sitemap Error Pada Google Search Console

Mengatasi sitemap error pada google search console - Sitemap artinya secara harafiah adalah peta situs. Kegunaannya seperti peta yang kita kenal selama ini yaitu memberikan gambaran kepada PENGUNJUNG tentang area (baca:konten) yang sedang disinggahinya saat ini di situs/blog yang dikunjungi.

Situs yang mempunyai sitemap yang bagus dan terperinci akan menjadi primadona bagi mesin pencari seperti google. Tapi kenapa saat submit url di google webmaster malah muncul error peta situs anda terlihat seperti laman html. pakai format peta situs resmi? 

Bagaimana cara mengatasi sitemap error tersebut di Google Search Console?

Mari kita pelajari sama-sama.