{"id":346,"date":"2020-05-29T08:00:00","date_gmt":"2020-05-29T08:00:00","guid":{"rendered":"https:\/\/sevenpion.com\/blog\/?p=346"},"modified":"2023-03-09T13:50:27","modified_gmt":"2023-03-09T06:50:27","slug":"progressive-web-apps","status":"publish","type":"post","link":"https:\/\/sevenpion.co.id\/blog\/progressive-web-apps\/","title":{"rendered":"Mengenal Progressive Web Apps dan Manfaatnya"},"content":{"rendered":"\n<p>Dua tahun terakhir progressive web apps (PWA) menjadi sangat di gemari oleh para developer atau pemilik website. Bagaimana tidak? PWA menawarkan banyak keunggulan dibandingkan website biasa pada umumnya.<\/p>\n\n\n\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_80 counter-hierarchy ez-toc-counter ez-toc-grey ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">Table of Contents<\/p>\n<span class=\"ez-toc-title-toggle\"><a href=\"#\" class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" aria-label=\"Toggle Table of Content\"><span class=\"ez-toc-js-icon-con\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/sevenpion.co.id\/blog\/progressive-web-apps\/#Apa_Itu_Progressive_Web_Apps\" >Apa Itu Progressive Web Apps?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/sevenpion.co.id\/blog\/progressive-web-apps\/#Mengapa_Progressive_Web_Apps\" >Mengapa Progressive Web Apps?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/sevenpion.co.id\/blog\/progressive-web-apps\/#Keunggulan_Progressive_Web_Apps\" >Keunggulan Progressive Web Apps<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/sevenpion.co.id\/blog\/progressive-web-apps\/#1_Akses_lebih_cepat\" >1. Akses lebih cepat<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/sevenpion.co.id\/blog\/progressive-web-apps\/#2_Push_notifications\" >2. Push notifications<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/sevenpion.co.id\/blog\/progressive-web-apps\/#3_Aman\" >3. Aman<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/sevenpion.co.id\/blog\/progressive-web-apps\/#4_Kompatibel_terhadap_semua_perangkat\" >4. Kompatibel terhadap semua perangkat<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-8\" href=\"https:\/\/sevenpion.co.id\/blog\/progressive-web-apps\/#5_Tanpa_perlu_install_aplikasi\" >5. Tanpa perlu install aplikasi<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-9\" href=\"https:\/\/sevenpion.co.id\/blog\/progressive-web-apps\/#Mencoba_Progressive_Web_Apps_di_Android\" >Mencoba Progressive Web Apps di Android<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-10\" href=\"https:\/\/sevenpion.co.id\/blog\/progressive-web-apps\/#1_Buka_browser\" >1. Buka browser<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-11\" href=\"https:\/\/sevenpion.co.id\/blog\/progressive-web-apps\/#2_Tambahkan_ke_layar_utama\" >2. Tambahkan ke layar utama<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-12\" href=\"https:\/\/sevenpion.co.id\/blog\/progressive-web-apps\/#3_Tampilan_pertama_pwa_app\" >3. Tampilan pertama pwa app<\/a><\/li><\/ul><\/li><\/ul><\/nav><\/div>\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Apa_Itu_Progressive_Web_Apps\"><\/span>Apa Itu Progressive Web Apps?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Setelah diluncurkan PWA cukup membuat penasaran para developer. Karena banyak kelebihan yang ditawarkan. Sebelum lebih jauh, apa sih sebenarnya progressive web apps itu?<\/p>\n\n\n\n<p>Progressive web apps atau dikenal dengan PWA merupakan gabungan antara website dan mobile apps yang memungkinkan kita untuk mengakses suatu website dengan tampilan seperti aplikasi pada umumnya. Dengan akses yang lebih cepat tanpa harus menginstall aplikasi melalui penyedianya.<\/p>\n\n\n\n<p>Hal ini sangat bermanfaat terutama bagi teman-teman yang smartphonenya mempunyai keterbatasan dalam penyimpanan untuk install aplikasi. Dengan adanya PWA, Anda tidak memerlukan penyimpanan yang besar agar dapat menggunakannya.<\/p>\n\n\n\n<p>Baca juga : <a href=\"https:\/\/sevenpion.com\/blog\/manfaat-website-company-profile\/\" target=\"_blank\" rel=\"noreferrer noopener\">Manfaat Website Company Profile Untuk Bisnis<\/a><\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Mengapa_Progressive_Web_Apps\"><\/span>Mengapa Progressive Web Apps?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Saat mengakses suatu website, biasanya kita memerlukan waktu kurang lebih 2-3 detik, bahkan banyak website yang memerlukan akses &gt;5 detik untuk menampilkan keseluruhan isinya.<\/p>\n\n\n\n<p>Dengan menggunakan PWA, akses ke website Anda akan menjadi lebih cepat jika dibandingkan dengan website biasa. Karena teknologi PWA memungkinkan kita untuk akses suatu website dengan lebih cepat dan halus, bahkan tanpa jeda, meskipun dalam koneksi yang minim atau terputus.<\/p>\n\n\n\n<p>Yang penting Anda sudah mengakses website tersebut sebelumnya. Karena PWA menyimpan cache, sehingga akses ke website tersebut lebih cepat dan ringan ketika kondisi internet down.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Keunggulan_Progressive_Web_Apps\"><\/span>Keunggulan Progressive Web Apps<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Menyangkut keunggulan, PWA mempunyai banyak sekali keunggulan yang sangat bermanfaat bagi penggunanya. Di antaranya adalah sebagai berikut:<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"1_Akses_lebih_cepat\"><\/span>1. Akses lebih cepat<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Teknologi PWA membuat akses pada website Anda akan lebih cepat, bahkan dalam keadaan internet sedang kurang baik.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"2_Push_notifications\"><\/span>2. Push notifications<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Layaknya notifikasi dari sebuah aplikasi, PWA juga bisa menampilkan notifikasi secara langsung.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"3_Aman\"><\/span>3. Aman<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Sistem PWA hanya support HTTPS, atau hanya bisa dengan sambungan SSL, tanpa sambungan SSL, PWA tidak bisa berjalan. Sehingga membuat PWA lebih aman.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"4_Kompatibel_terhadap_semua_perangkat\"><\/span>4. Kompatibel terhadap semua perangkat<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>PWA lebih terfokus pada tampilan mobile, meskipun begitu, PWA juga kompatibel terhadap semua perangkat seperti tablet dan dekstop.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"5_Tanpa_perlu_install_aplikasi\"><\/span>5. Tanpa perlu install aplikasi<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Dengan teknologi PWA, Anda tidak perlu lagi install aplikasi melalui playstore atau penyedia aplikasi lainnya. Anda hanya tinggal menambahkan PWA ke layar utama smartphone . Lebih lanjutnya dibahas dibawah ini<\/p>\n\n\n\n<p>Baca juga : <a href=\"https:\/\/sevenpion.com\/blog\/cara-mendapat-ranking-pertama-google\/\" target=\"_blank\" rel=\"noreferrer noopener\">Cara Mendapat Ranking Pertama Google<\/a><\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Mencoba_Progressive_Web_Apps_di_Android\"><\/span>Mencoba Progressive Web Apps di Android<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Pada awal-awal dulu, saya masih ingat, jalantikus adalah salah satu website pertama yang menggunakan pwa di Indonesia. Selain itu, di Indonesia juga sudah banyak website yang menggunakan pwa, rata-rata merupakan website-website besar. <\/p>\n\n\n\n<p>Salah satu contoh yang akan saya praktekkan disini adalah menggunakan website twitter versi mobile. Mari coba di android masing-masing :<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"1_Buka_browser\"><\/span>1. Buka browser<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p class=\"has-text-align-left\">Akses browser Anda, saya disini menggunakan google chrome, karena terbilang browser ini yang paling umum digunakan dan terbukti support pwa.<\/p>\n\n\n\n<p>Silahkan masukkan alamat <a rel=\"noreferrer noopener\" aria-label=\"twitter.com (opens in a new tab)\" href=\"http:\/\/twitter.com\" target=\"_blank\">twitter.com<\/a> pada kolom url browser. Secara otomatis akan mengarah ke mobile.twitter.com\/home. Pastikan kalau Anda belum install aplikasi twitter di play store, hal ini dilakukan untuk mencegah terjadinya crash.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"2_Tambahkan_ke_layar_utama\"><\/span>2. Tambahkan ke layar utama<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Setelah masuk ke twitter, biasanya akan muncul secara otomatis pemberitahuan &#8220;Add Twitter to Home Screen&#8221;. Namun, dalam beberapa kasus notifikasi ini juga bisa tidak muncul. Jika hal ini terjadi, Anda bisa menekan add to homescreen pada menu google chrome dipojok kanan atas.<\/p>\n\n\n\n<p>Fungsi add to home screen ini layaknya seperti proses instalasi aplikasi di playstore, Anda hanya tinggal menunggu beberapa saat untuk proses ini. Silahkan klik Add to home screen. Dan tunggu prosesnya sampai ada aplikasi twitter terinstal di home android Anda, biasanya proses ini berlangsung &lt;1 menit.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"3_Tampilan_pertama_pwa_app\"><\/span>3. Tampilan pertama pwa app<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Setelah muncul pada halaman utama smartphone Anda, sekarang Anda sudah bisa mencobanya, seperti penjelasan sebelumnya, bahwa website yang menggunakan progressive web apps akan menampilkan website layaknya aplikasi yang kita install melalui playstore.<\/p>\n\n\n\n<p>Coba perhatikan gambar di atas, website yang sebelumnya menampilkan bar url di atasnya, berubah menjadi seperti aplikasi yang kita instal di playstore.<\/p>\n\n\n\n<p>Sungguh keren bukan!! Untuk mendapatkan teknologi seperti ini Anda hanya membuat sebuah website dengan memanfaatkan teknologi progressive web app. Sehingga, sudah bisa mempunyai aplikasi secara langsung, yang responsif terhadap semua perangkat.<\/p>\n\n\n\n<p>Apakah Anda tertarik untuk menggunakan teknologi ini? Anda dapat berkonsultasi secara gratis kepada tim kami jika membutuhkan jasa pembuatan website berbasis pwa ini. Segera buat website untuk mengembangkan bisnis kamu&nbsp;<a rel=\"noreferrer noopener\" href=\"https:\/\/sevenpion.com\/contact\" target=\"_blank\">disini<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Dua tahun terakhir progressive web apps (PWA) menjadi sangat di gemari oleh para developer atau pemilik website. Bagaimana tidak? PWA menawarkan banyak keunggulan dibandingkan website biasa pada umumnya. Apa Itu Progressive Web Apps? Setelah&hellip;<\/p>\n","protected":false},"author":1,"featured_media":347,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[269,60,242],"tags":[10,33,343,346,342,349,348,344,345,341,347],"class_list":["post-346","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-digital-marketing","category-layanan-sevenpion","category-website","tag-jasa-pembuatan-aplikasi-android","tag-jasa-pembuatan-website-custom","tag-kegunaan-service-worker","tag-membuat-pwa-dengan-codeigniter","tag-membuat-pwa-dengan-laravel","tag-progressive-web-app-example","tag-progressive-web-apps","tag-progressive-web-apps-tutorial","tag-pwa-web","tag-service-worker-pwa","tag-twitter-pwa"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.6 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Mengenal Progressive Web Apps dan Manfaatnya - Sevenpion<\/title>\n<meta name=\"description\" content=\"Dua tahun terakhir progressive web apps (PWA) menjadi sangat di gemari oleh para developer atau pemilik website. Bagaimana tidak? PWA menawar\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/sevenpion.co.id\/blog\/progressive-web-apps\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Mengenal Progressive Web Apps dan Manfaatnya - Sevenpion\" \/>\n<meta property=\"og:description\" content=\"Dua tahun terakhir progressive web apps (PWA) menjadi sangat di gemari oleh para developer atau pemilik website. Bagaimana tidak? PWA menawar\" \/>\n<meta property=\"og:url\" content=\"https:\/\/sevenpion.co.id\/blog\/progressive-web-apps\/\" \/>\n<meta property=\"og:site_name\" content=\"Sevenpion\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/sevenpion7\" \/>\n<meta property=\"article:author\" content=\"Sevenpion7\" \/>\n<meta property=\"article:published_time\" content=\"2020-05-29T08:00:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-03-09T06:50:27+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/sevenpion.co.id\/blog\/wp-content\/uploads\/2020\/05\/Progressive-Web-Apps.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1280\" \/>\n\t<meta property=\"og:image:height\" content=\"984\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"marketing\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@seven_pion\" \/>\n<meta name=\"twitter:site\" content=\"@seven_pion\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/sevenpion.co.id\\\/blog\\\/progressive-web-apps\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/sevenpion.co.id\\\/blog\\\/progressive-web-apps\\\/\"},\"author\":{\"name\":\"marketing\",\"@id\":\"https:\\\/\\\/sevenpion.co.id\\\/blog\\\/#\\\/schema\\\/person\\\/ac0102c85942de38d28eb14c5e977571\"},\"headline\":\"Mengenal Progressive Web Apps dan Manfaatnya\",\"datePublished\":\"2020-05-29T08:00:00+00:00\",\"dateModified\":\"2023-03-09T06:50:27+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/sevenpion.co.id\\\/blog\\\/progressive-web-apps\\\/\"},\"wordCount\":697,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/sevenpion.co.id\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/sevenpion.co.id\\\/blog\\\/progressive-web-apps\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/sevenpion.co.id\\\/blog\\\/wp-content\\\/uploads\\\/2020\\\/05\\\/Progressive-Web-Apps.jpg\",\"keywords\":[\"jasa pembuatan aplikasi android\",\"jasa pembuatan website custom\",\"kegunaan service worker\",\"membuat pwa dengan codeigniter\",\"membuat pwa dengan laravel\",\"progressive web app example\",\"progressive web apps\",\"progressive web apps tutorial\",\"pwa web\",\"service worker pwa\",\"twitter pwa\"],\"articleSection\":[\"Digital Marketing\",\"Layanan Sevenpion\",\"Website\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/sevenpion.co.id\\\/blog\\\/progressive-web-apps\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/sevenpion.co.id\\\/blog\\\/progressive-web-apps\\\/\",\"url\":\"https:\\\/\\\/sevenpion.co.id\\\/blog\\\/progressive-web-apps\\\/\",\"name\":\"Mengenal Progressive Web Apps dan Manfaatnya - Sevenpion\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/sevenpion.co.id\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/sevenpion.co.id\\\/blog\\\/progressive-web-apps\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/sevenpion.co.id\\\/blog\\\/progressive-web-apps\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/sevenpion.co.id\\\/blog\\\/wp-content\\\/uploads\\\/2020\\\/05\\\/Progressive-Web-Apps.jpg\",\"datePublished\":\"2020-05-29T08:00:00+00:00\",\"dateModified\":\"2023-03-09T06:50:27+00:00\",\"description\":\"Dua tahun terakhir progressive web apps (PWA) menjadi sangat di gemari oleh para developer atau pemilik website. Bagaimana tidak? PWA menawar\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/sevenpion.co.id\\\/blog\\\/progressive-web-apps\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/sevenpion.co.id\\\/blog\\\/progressive-web-apps\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/sevenpion.co.id\\\/blog\\\/progressive-web-apps\\\/#primaryimage\",\"url\":\"https:\\\/\\\/sevenpion.co.id\\\/blog\\\/wp-content\\\/uploads\\\/2020\\\/05\\\/Progressive-Web-Apps.jpg\",\"contentUrl\":\"https:\\\/\\\/sevenpion.co.id\\\/blog\\\/wp-content\\\/uploads\\\/2020\\\/05\\\/Progressive-Web-Apps.jpg\",\"width\":1280,\"height\":984,\"caption\":\"Progressive Web Apps\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/sevenpion.co.id\\\/blog\\\/progressive-web-apps\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/sevenpion.co.id\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Mengenal Progressive Web Apps dan Manfaatnya\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/sevenpion.co.id\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/sevenpion.co.id\\\/blog\\\/\",\"name\":\"Sevenpion\",\"description\":\"Update Seputar Bisnis dan Digital Marketing\",\"publisher\":{\"@id\":\"https:\\\/\\\/sevenpion.co.id\\\/blog\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/sevenpion.co.id\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/sevenpion.co.id\\\/blog\\\/#organization\",\"name\":\"Sevenpion\",\"url\":\"https:\\\/\\\/sevenpion.co.id\\\/blog\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/sevenpion.co.id\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/sevenpion.co.id\\\/blog\\\/wp-content\\\/uploads\\\/2022\\\/02\\\/logo-sevenpion.png\",\"contentUrl\":\"https:\\\/\\\/sevenpion.co.id\\\/blog\\\/wp-content\\\/uploads\\\/2022\\\/02\\\/logo-sevenpion.png\",\"width\":342,\"height\":120,\"caption\":\"Sevenpion\"},\"image\":{\"@id\":\"https:\\\/\\\/sevenpion.co.id\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/sevenpion7\",\"https:\\\/\\\/x.com\\\/seven_pion\",\"https:\\\/\\\/www.instagram.com\\\/seven.pion\",\"https:\\\/\\\/www.linkedin.com\\\/company\\\/sevenpion\\\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/sevenpion.co.id\\\/blog\\\/#\\\/schema\\\/person\\\/ac0102c85942de38d28eb14c5e977571\",\"name\":\"marketing\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/269adf2187acc66c874dba767b79a71be1d22493b0a49b096cdedfc3ac72e44b?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/269adf2187acc66c874dba767b79a71be1d22493b0a49b096cdedfc3ac72e44b?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/269adf2187acc66c874dba767b79a71be1d22493b0a49b096cdedfc3ac72e44b?s=96&d=mm&r=g\",\"caption\":\"marketing\"},\"description\":\"Kami adalah tim marketing dari Sevenpion, sebuah software company yang berada di Yogyakarta. Kami mempunyai fokus layanan di website custom, aplikasi mobile dan digital marketing.\",\"sameAs\":[\"https:\\\/\\\/sevenpion.co.id\",\"Sevenpion7\",\"seven.pion\",\"https:\\\/\\\/x.com\\\/seven_pion\"],\"url\":\"https:\\\/\\\/sevenpion.co.id\\\/blog\\\/author\\\/marketing\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Mengenal Progressive Web Apps dan Manfaatnya - Sevenpion","description":"Dua tahun terakhir progressive web apps (PWA) menjadi sangat di gemari oleh para developer atau pemilik website. Bagaimana tidak? PWA menawar","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/sevenpion.co.id\/blog\/progressive-web-apps\/","og_locale":"en_US","og_type":"article","og_title":"Mengenal Progressive Web Apps dan Manfaatnya - Sevenpion","og_description":"Dua tahun terakhir progressive web apps (PWA) menjadi sangat di gemari oleh para developer atau pemilik website. Bagaimana tidak? PWA menawar","og_url":"https:\/\/sevenpion.co.id\/blog\/progressive-web-apps\/","og_site_name":"Sevenpion","article_publisher":"https:\/\/www.facebook.com\/sevenpion7","article_author":"Sevenpion7","article_published_time":"2020-05-29T08:00:00+00:00","article_modified_time":"2023-03-09T06:50:27+00:00","og_image":[{"width":1280,"height":984,"url":"https:\/\/sevenpion.co.id\/blog\/wp-content\/uploads\/2020\/05\/Progressive-Web-Apps.jpg","type":"image\/jpeg"}],"author":"marketing","twitter_card":"summary_large_image","twitter_creator":"@seven_pion","twitter_site":"@seven_pion","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/sevenpion.co.id\/blog\/progressive-web-apps\/#article","isPartOf":{"@id":"https:\/\/sevenpion.co.id\/blog\/progressive-web-apps\/"},"author":{"name":"marketing","@id":"https:\/\/sevenpion.co.id\/blog\/#\/schema\/person\/ac0102c85942de38d28eb14c5e977571"},"headline":"Mengenal Progressive Web Apps dan Manfaatnya","datePublished":"2020-05-29T08:00:00+00:00","dateModified":"2023-03-09T06:50:27+00:00","mainEntityOfPage":{"@id":"https:\/\/sevenpion.co.id\/blog\/progressive-web-apps\/"},"wordCount":697,"commentCount":0,"publisher":{"@id":"https:\/\/sevenpion.co.id\/blog\/#organization"},"image":{"@id":"https:\/\/sevenpion.co.id\/blog\/progressive-web-apps\/#primaryimage"},"thumbnailUrl":"https:\/\/sevenpion.co.id\/blog\/wp-content\/uploads\/2020\/05\/Progressive-Web-Apps.jpg","keywords":["jasa pembuatan aplikasi android","jasa pembuatan website custom","kegunaan service worker","membuat pwa dengan codeigniter","membuat pwa dengan laravel","progressive web app example","progressive web apps","progressive web apps tutorial","pwa web","service worker pwa","twitter pwa"],"articleSection":["Digital Marketing","Layanan Sevenpion","Website"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/sevenpion.co.id\/blog\/progressive-web-apps\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/sevenpion.co.id\/blog\/progressive-web-apps\/","url":"https:\/\/sevenpion.co.id\/blog\/progressive-web-apps\/","name":"Mengenal Progressive Web Apps dan Manfaatnya - Sevenpion","isPartOf":{"@id":"https:\/\/sevenpion.co.id\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/sevenpion.co.id\/blog\/progressive-web-apps\/#primaryimage"},"image":{"@id":"https:\/\/sevenpion.co.id\/blog\/progressive-web-apps\/#primaryimage"},"thumbnailUrl":"https:\/\/sevenpion.co.id\/blog\/wp-content\/uploads\/2020\/05\/Progressive-Web-Apps.jpg","datePublished":"2020-05-29T08:00:00+00:00","dateModified":"2023-03-09T06:50:27+00:00","description":"Dua tahun terakhir progressive web apps (PWA) menjadi sangat di gemari oleh para developer atau pemilik website. Bagaimana tidak? PWA menawar","breadcrumb":{"@id":"https:\/\/sevenpion.co.id\/blog\/progressive-web-apps\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/sevenpion.co.id\/blog\/progressive-web-apps\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/sevenpion.co.id\/blog\/progressive-web-apps\/#primaryimage","url":"https:\/\/sevenpion.co.id\/blog\/wp-content\/uploads\/2020\/05\/Progressive-Web-Apps.jpg","contentUrl":"https:\/\/sevenpion.co.id\/blog\/wp-content\/uploads\/2020\/05\/Progressive-Web-Apps.jpg","width":1280,"height":984,"caption":"Progressive Web Apps"},{"@type":"BreadcrumbList","@id":"https:\/\/sevenpion.co.id\/blog\/progressive-web-apps\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/sevenpion.co.id\/blog\/"},{"@type":"ListItem","position":2,"name":"Mengenal Progressive Web Apps dan Manfaatnya"}]},{"@type":"WebSite","@id":"https:\/\/sevenpion.co.id\/blog\/#website","url":"https:\/\/sevenpion.co.id\/blog\/","name":"Sevenpion","description":"Update Seputar Bisnis dan Digital Marketing","publisher":{"@id":"https:\/\/sevenpion.co.id\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/sevenpion.co.id\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/sevenpion.co.id\/blog\/#organization","name":"Sevenpion","url":"https:\/\/sevenpion.co.id\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/sevenpion.co.id\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/sevenpion.co.id\/blog\/wp-content\/uploads\/2022\/02\/logo-sevenpion.png","contentUrl":"https:\/\/sevenpion.co.id\/blog\/wp-content\/uploads\/2022\/02\/logo-sevenpion.png","width":342,"height":120,"caption":"Sevenpion"},"image":{"@id":"https:\/\/sevenpion.co.id\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/sevenpion7","https:\/\/x.com\/seven_pion","https:\/\/www.instagram.com\/seven.pion","https:\/\/www.linkedin.com\/company\/sevenpion\/"]},{"@type":"Person","@id":"https:\/\/sevenpion.co.id\/blog\/#\/schema\/person\/ac0102c85942de38d28eb14c5e977571","name":"marketing","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/269adf2187acc66c874dba767b79a71be1d22493b0a49b096cdedfc3ac72e44b?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/269adf2187acc66c874dba767b79a71be1d22493b0a49b096cdedfc3ac72e44b?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/269adf2187acc66c874dba767b79a71be1d22493b0a49b096cdedfc3ac72e44b?s=96&d=mm&r=g","caption":"marketing"},"description":"Kami adalah tim marketing dari Sevenpion, sebuah software company yang berada di Yogyakarta. Kami mempunyai fokus layanan di website custom, aplikasi mobile dan digital marketing.","sameAs":["https:\/\/sevenpion.co.id","Sevenpion7","seven.pion","https:\/\/x.com\/seven_pion"],"url":"https:\/\/sevenpion.co.id\/blog\/author\/marketing\/"}]}},"post_mailing_queue_ids":[],"_links":{"self":[{"href":"https:\/\/sevenpion.co.id\/blog\/wp-json\/wp\/v2\/posts\/346","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sevenpion.co.id\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/sevenpion.co.id\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/sevenpion.co.id\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sevenpion.co.id\/blog\/wp-json\/wp\/v2\/comments?post=346"}],"version-history":[{"count":3,"href":"https:\/\/sevenpion.co.id\/blog\/wp-json\/wp\/v2\/posts\/346\/revisions"}],"predecessor-version":[{"id":3077,"href":"https:\/\/sevenpion.co.id\/blog\/wp-json\/wp\/v2\/posts\/346\/revisions\/3077"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/sevenpion.co.id\/blog\/wp-json\/wp\/v2\/media\/347"}],"wp:attachment":[{"href":"https:\/\/sevenpion.co.id\/blog\/wp-json\/wp\/v2\/media?parent=346"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/sevenpion.co.id\/blog\/wp-json\/wp\/v2\/categories?post=346"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/sevenpion.co.id\/blog\/wp-json\/wp\/v2\/tags?post=346"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}