Trentech.id Logo
No Result
View All Result
  • Login
  • Register
  • Terbaru
  • Berita
  • Startup
  • Bisnis
  • Learn
  • Games
  • Blockchain
  • Gadget
  • Terbaru
  • Berita
  • Startup
  • Bisnis
  • Learn
  • Games
  • Blockchain
  • Gadget
Logo Trentech.id
No Result
View All Result
  • Terbaru
  • Berita
  • Startup
  • Bisnis
  • Learn
  • Games
  • Blockchain
  • Gadget

Yuk Berkenalan dengan Progressive Web Apps (PWA)

2 June 2017
in Learn

Ketika kita mengunjungi situs web lewat desktop biasanya akan berjalan sangat lancar dan tanpa masalah, gangguan pun terjadi biasanya hanya ketika jaringan bermasalah, tetapi seringkali banyak masalah muncul ketika kita mengunjungi situs web atau aplikasi web lewat mobile, tanpa notifikasi langsung ke laman menu ketika kita menutup aplikasi web, loading yang terkadang sangat lama pada jaringan yang buruk yang hanya menampilkan layar putih.Karena hal itu seringkali kita terpaksa harus menginstal aplikasi native, tetapi terlalu banyak aplikasi yang diinstal tentu akan semakin mengurangi ruang penyimpanan, juga kita harus mencarinya terlebih dahulu di apps store sebelum diinstal.

xkcd-1367

Aplikasi Web Progressif diharapkan mampu untuk mengatasi masalah tersebut. PWA adalah aplikasi web yang berjalan layaknya aplikasi native, notifikasi dan UX seperti aplikasi native.Dengan konsep offline first dan Web APIs baru, aplikasi yang berjalan pada browser tidak akan memunculkan pesan network error atau white screen seperti yang selama ini seringkali kita alami ketika berada pada jaringan yang sangat buruk. Pada PWA, ketika kita meninggalkan browser, dan kembali lagi membuka aplikasi tersebut pada jaringan buruk atau tanpa jaringan sekalipun kita tidak akan kehilangan UI dan data-data terakhir, seperti contohnya applikasi chat blackberry.

screen-shot-2016-02-28-at-9-14-23-am

Service Workers adalah teknologi dibalik PWA yang memberikan fungsionalitas offline, notifikasi, update konten, pergantian konektifitas dan lainnya. Memang belum banyak yang membahas tentang service workers dan bagaimana sebenarnya service workers itu diterapkan, tetapi bila kita mengunjungi developergoogle, bisa dikatakan service workers adalah semacam proxy yang berada ditengah antara aplikasi web, browser, dan jaringan, atau lebih sederhana lagi bisa dianalogikan aplikasi kita akan diatur oleh service workers agar bisa berlajan offline terlebih dahulu, mengembalikan data dari cache jika request ke jaringan gagal.

File service workers sendiri berisi kode javascript yang bisa dikembangkan oleh pengembang untuk menghandle event dan request sesuai dengan kebutuhan. Oh ya, untuk browser yang support service workers sendiri kita bisa lihat kembali disini.

Hmm … tentunya sangat menarik bagi para pengembang, terutama pengembang yang selama ini mengembangkan aplikasinya dengan teknologi web maupun hybrid, karena ionic sendiri akan menambahkan fitur PWA. Di laman resminya sendiri ionic yakin bahwa web adalah masa depan dari aplikasi, tanpa perlu mengembangkan aplikasi mobile secara terpisah, aplikasi native dan aplikasi web. [cd/ap]

Berikan rating

Follow Trentech.id di Google News, Klik DI SINI

1.4k
VIEWS
Previous Post

Yuk Simak 11 PHP Framework yang Mesti Kamu Tahu

Next Post

Yuk Kenalan dengan 10 Web Server untuk Infrastruktur Web

Related Posts

Pentingnya Kemampuan Komunikasi Bagi Seorang Programmer

29 October 2026
2.2k

Seorang programmer adalah orang yang terjun dan menyelami bidang TI. Berbicara tentang bidang keilmuan. TI adalah bidang keilmuan yang sangat...

Hacker Paling Berbahaya

Ini Dia 10 Hacker Paling Berbahaya Didunia

15 July 2024
2.2k

Pada awalnya, hacker pertama kalinya muncul dengan arti positif yaitu untuk menyebut seorang yang memiliki keahlian dalam bidang komputer dan...

Manfaat Belajar Bahasa Pemrograman untuk Kehidupan

7 Keterampilan Wajib Programmer Untuk 5-10 Tahun Ke Depan

21 March 2024
2.1k

Waktu terus berjalan, begitulah kehidupan. Kita sebagai programmer selalu dituntut untuk mengembangkan keterampilan di saat perkembangan industri TI terus berkembang...

Terpopuler

  • 16 jenis saham bennix

    16 Jenis Saham: Panduan Lengkap Memahami Dunia Investasi

    729 shares
    Share 292 Tweet 182
  • Ini Dia 7 Perintah CMD Keren yang Wajib Kamu Coba

    426 shares
    Share 170 Tweet 107
  • 3 Cara Memutus Koneksi Orang Lain dari Jaringan Wi-Fi Anda

    1372 shares
    Share 549 Tweet 343
  • Tutorial Cara Instal Webuzo di VPS

    114 shares
    Share 46 Tweet 29
  • Ini Dia Rahasia Sumber Pendapatan Pemain Game Profesional

    137 shares
    Share 55 Tweet 34
  • Hoogle – Mesin Pencari untuk Haskeller

    121 shares
    Share 48 Tweet 30
  • Apa itu Saham Siput – Panduan Pemula Investasi

    180 shares
    Share 72 Tweet 45
  • Mengenal GPT-4: Model Bahasa Alami Terbaru dari OpenAI

    138 shares
    Share 55 Tweet 35
  • HP Nokia Edge 2022 Mirip Iphone 13, Cek Harga dan Spesifikasi

    470 shares
    Share 188 Tweet 118
  • Inilah 6 Kesalahan Umum dalam Pembuatan Desain Website

    125 shares
    Share 50 Tweet 31

About . Contact . Partnership . Google News . Telegram

Trentech.id adalah situs yang menyajikan konten tentang startup, bisnis, game, event, hingga informasi pekerjaan. Trentech berusaha memberikan konten yang berkualitas untuk para pembacanya agar dapat menjadi rujukan utama mengenai dunia teknologi pada khususnya. Tim trentech terdiri dari orang – orang yang berkompeten dibidangnya, dan akan selalu mendukung karya – karya terbaik anak bangsa dengan memberikan kesempatan seluas-luasnya untuk para startup agar dapat publish karyanya di trentech.

Trentech ID

  • About
  • Contact
  • Advertising
  • Privacy Policy
  • Sitemap

Tools

  • Harga Crypto Terbaru
  • Cek Ongkir
  • Cek Resi
  • Cek Domain

Welcome Back!

Sign In with Facebook
Sign In with Google
OR

Login to your account below

Forgotten Password? Sign Up

Create New Account!

Sign Up with Facebook
Sign Up with Google
OR

Fill the forms below to register

All fields are required. Log In

Retrieve your password

Please enter your username or email address to reset your password.

Log In
  • Login
  • Sign Up
About . Contact . Partnership . Google News