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

24 December 2024
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
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
2k

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

Terpopuler

  • contoh pitch deck

    8 Contoh Pitch Deck Startup yang Bisa Kamu Pelajari

    2392 shares
    Share 956 Tweet 598
  • 3 Cara Memutus Koneksi Orang Lain dari Jaringan Wi-Fi Anda

    942 shares
    Share 377 Tweet 236
  • Harga Saham GoTo Terjun Bebas (Lagi)

    123 shares
    Share 49 Tweet 31
  • Qlapa Gulung Tikar

    316 shares
    Share 126 Tweet 79
  • 16 Jenis Saham: Panduan Lengkap Memahami Dunia Investasi

    571 shares
    Share 228 Tweet 143
  • Daftar Gaji di Startup Indonesia

    240 shares
    Share 96 Tweet 60
  • Inilah Ratusan Perintah CMD (Command Prompt) yang Wajib Kamu Coba

    213 shares
    Share 85 Tweet 53
  • HP Nokia Edge 2022 Mirip Iphone 13, Cek Harga dan Spesifikasi

    295 shares
    Share 118 Tweet 74
  • Ini Dia 7 Perintah CMD Keren yang Wajib Kamu Coba

    357 shares
    Share 143 Tweet 89
  • TikTok Resmi Pegang Kendali 75% Saham Tokopedia

    116 shares
    Share 46 Tweet 29

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