{"id":7328,"date":"2017-11-14T10:32:22","date_gmt":"2017-11-14T03:32:22","guid":{"rendered":"http:\/\/crocodic.com\/?p=7328"},"modified":"2017-11-14T10:32:22","modified_gmt":"2017-11-14T03:32:22","slug":"mengetahui-tentang-progressive-web-apps","status":"publish","type":"post","link":"https:\/\/crocodic.com\/id\/mengetahui-tentang-progressive-web-apps\/","title":{"rendered":"Mengetahui tentang Progressive Web Apps"},"content":{"rendered":"

Prograsive Web Apps (PWA) sebelumnya pernah diperkenalkan oleh Google pada tahun 2016. Semenjak diperkenalkan oleh Google, banyak orang tertarik terhadap PWA terutama para developer<\/a>. Alasan utama para developer tertarik dengan kehadiran Progresive Web Apps ini karena diperkirakan dapat menyaingi Aplikasi<\/a> Mobile<\/strong> yang sifatnya native. Ketika kita mengunjungi situs melalui website<\/a> desktop biasanya akan sangat lancar dan tanpa masalah, gangguan akan terjadi jika berbenturan dengan jaringan yang buruk, berbeda jika mengunjungi laman menggunakan apps mobile<\/strong>, pasti akan sangat lambat dengan jaringan yang buruk sehingga menghasilkan layar putih.<\/p>\n

Dengan konsep offline first \u00a0dan web apps baru, aplikasi pada browser tidak akan memunculkan pesan network error atau white screen seperti selama ini yang pernah kita alami ketika di jaringan buruk. PWA ini sebenarnya sepenuhnya adalah Website<\/a>, namun pengguna bisa merasakan experience layaknya di apps mobile native<\/strong>. \u00a0Berikut 6 point mengenai progresive web apps :<\/p>\n

    \n
  1. Fast Loading<\/strong><\/em><\/li>\n<\/ol>\n

    Teknologi service worker memiliki mekanisme untuk mengontrol asset yang akan di cache serta menyediakan custom permintaan ke jaringan sehingga dapat memberikan pengalaman akses offline bagi pengguna.\u00a0 Aplikasi tidak perlu diinstal, namun icon-nya bisa dipasang di home screen untuk memudahkan dalam membuka aplikasi. PWA sepenuhnya mengandalkan browser dan saat ini baru browser Google Chrome dengan minimal versi 47 keatas yang mendukung, kemudian Opera dan Firefox minimal versi 44, Internet Explorer, dan Samsung Internet Browser.\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0.<\/p>\n

      \n
    1. One Click Away<\/strong><\/em><\/li>\n<\/ol>\n

      Dapat mengakses konten dengan menampilkan ikon dilayar mobile phone, dan dapat sekali klik untuk masuk ke konten yang kita inginkan.<\/p>\n

        \n
      1. Smooth Animations<\/strong><\/em><\/li>\n<\/ol>\n

        User Experience (UX) yang bagus yang dapat memberikan kenyamanan kepada para pengguna, misalkan dengan fitur push notifikasi, kita bisa memberi tahu pengguna meskipun pengguna tidak membuka browser di depannya.<\/p>\n

          \n
        1. Secure (Aman)<\/strong><\/li>\n<\/ol>\n

          Untuk dapat menggunakan\u00a0service<\/em>\u00a0worker, <\/em>web haruslah sudah menggunakan protokol HTTPS.\u00a0HTTPS akan menyandikan atau mengenkripsi data<\/a> sesi menggunakan protokol SSL (Secure Socket layer<\/em>) atau protokol TLS (Transport Layer Security<\/em>). Jadi data diantara\u00a0serverweb<\/em>\u00a0dan pengguna akan lebih aman. Jika tidak terproteksi penyusup bisa saja mengambil data komunikasi antara\u00a0web<\/em>\u00a0kamu dengan\u00a0browser<\/em>\u00a0pengguna. Seperti gambar, cookie, skrip, semuanya bisa dieksploitasi. HTTPS juga membantu mencegah penyusup dari gangguan komunikasi antara\u00a0website <\/em>kamu\u00a0dengan\u00a0browser<\/em>\u00a0pengguna.<\/p>\n

            \n
          1. Responsive<\/strong><\/em><\/li>\n<\/ol>\n

            Google pasti akan mendukung website yang responsive, apalagi pada era saat ini pengguna desktop mulai bergeser ke perangkat mobile. Agar website bisa menyesuaikan dibanyak perangkat seperti desktop, tablet dan smartphone maka penting sebuah website dapat mendukung dengan menjadi website yang responsive.<\/p>\n

            Aplikasi Web Progressif diharapkan mampu untuk mengatasi masalah tersebut. PWA adalah aplikasi web yang berjalan layaknya aplikasi native, notifikasi dan UX seperti aplikasi native. Nah kemudian untuk teknologi yang ada dibalik PWA ini adalah Service Workers yang dapat memberikan fungsionalitas offline, notifikasi, update konten, pergantian konektifitas dan lainnya, untuk tahu lebih detailnya mengenai Service Worker akan dibahas di next artikel yaaa..<\/p>\n

            Semoga bermanfaat..<\/p>","protected":false},"excerpt":{"rendered":"

            Prograsive Web Apps (PWA) sebelumnya pernah diperkenalkan oleh Google pada tahun 2016. Semenjak diperkenalkan oleh Google, banyak orang tertarik terhadap PWA terutama para developer. Alasan utama para developer tertarik dengan kehadiran Progresive Web Apps ini karena diperkirakan dapat menyaingi Aplikasi Mobile yang sifatnya native. Ketika kita mengunjungi situs melalui website desktop biasanya akan sangat lancar […]<\/p>\n","protected":false},"author":10,"featured_media":7329,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[82,151],"tags":[238,346,96],"class_list":["post-7328","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-aplikasi-mobile-android-ios","category-mobile-apps-journal","tag-aplikasi-android","tag-progressive-web-apps","tag-website"],"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/crocodic.com\/id\/wp-json\/wp\/v2\/posts\/7328","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/crocodic.com\/id\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/crocodic.com\/id\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/crocodic.com\/id\/wp-json\/wp\/v2\/users\/10"}],"replies":[{"embeddable":true,"href":"https:\/\/crocodic.com\/id\/wp-json\/wp\/v2\/comments?post=7328"}],"version-history":[{"count":2,"href":"https:\/\/crocodic.com\/id\/wp-json\/wp\/v2\/posts\/7328\/revisions"}],"predecessor-version":[{"id":7331,"href":"https:\/\/crocodic.com\/id\/wp-json\/wp\/v2\/posts\/7328\/revisions\/7331"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/crocodic.com\/id\/wp-json\/wp\/v2\/media\/7329"}],"wp:attachment":[{"href":"https:\/\/crocodic.com\/id\/wp-json\/wp\/v2\/media?parent=7328"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/crocodic.com\/id\/wp-json\/wp\/v2\/categories?post=7328"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/crocodic.com\/id\/wp-json\/wp\/v2\/tags?post=7328"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}