Modern Web Community Indonesia

Web Pintar Yang Beradaptasi Sesuai Perangkat dan Jaringan

Para pengguna internet mengakses web saat ini dengan perangkat yang beragam walaupun bisa dibilang bahwa perangkat tersebut didominasi oleh mobile. Namun ragam perangkat mobile ini sendiri sebenarnya cukup beragam dan bisa kita klasifikasikan dalam perangkat tingkat atas, seperti iPhone 8/X, Samsung S9, LG G6 dan lain-lain. Lalu perangkat tingkat menengah seperti Oppo, Xiaomi, dan Vivo. Serta perangkat low end di bawah 1 juta seperti Samsung seri J. Beradaptasi dengan perangkat Dengan beragamnya perangkat dari pengakses web, maka sudah seharusnya kita sebagai pengembang wajib mengoptimalkan website kita untuk perangkat yang paling banyak mengakses website kita....

by Yohan Totting

JavaScript, Sosial Media, dan SEO

Tren membangun website menggunakan framework dan library JavaScript saat ini sedang tinggi-tingginya. Bahkan perkembangan framework dan library JavaScript sangat cepat sekali. Periode 2000an awal website menggunakan JavaScript paling sering untuk validasi form atau hal yang fancy. Kemudian JavaScript digunakan untuk membuat seluruh halaman website karena kemudahan dari framework dan library yang tersedia. Kalau melihat grafik dibawah ini terlihat framework dan library apa yang popular di frontend engineers. diambil dari https://hackernoon....

by Pradita Utama

5 Nilai Dasar Pancasila Web Performance

S alah satu alasan utama munculnya user bounce adalah turunnya performance dari web, terdapat dua faktor penyebab web performance menurun, penurunan web performance atau jaringan usernya memang lambat, tapi hal yang paling mudah untuk di tingkatkan adalah websitenya, tapi ada masalah lain jika kita berbicara tentang websitenya, disaat developer atau sys engineer sudah melakukan segala hal untuk meningkatkan web performance kadang masih saja kebingungan “what else to do” supaya performance ini naik....

by Yahya Fadhlulloh Al-Fatih

Progressive Web App — Aplikasi Web Yang Bisa Di-Install — Bagian 2

Melanjutkan tulisan sebelumnya terkait bagaimana sebuah Progressive Web App(PWA) bisa di-install, di tulisan ini kita ingin membahas bagaimana sebenarnya untuk implementasi di aplikasi web kita dan kira-kira hal seperti apa saja yang bisa kita lakukan. Sebelum implementasi kita harus memastikan terlebih dahulu apakah memang kita membutuhkan implementasi A2HS(Add To Home Screen) ini. Beberapa pertanyaan yang mungkin perlu kita jawab adalah: Native atau PWA? Bila kita sudah memiliki aplikasi native di platform yang sama, baik Android atau iOS, apakah kita lebih ingin pengguna memasang PWA kita atau aplikasi native kita?...

by Yohan Totting

Berbagai best practice dalam memuat halaman website

Berbagai best practice yang bisa kita pelajari dan optimalkan dalam memuat halaman website. Image source: https://developers.google.com/web/tools/chrome-devtools/network-performance/reference Pernahkah kita merasa frustasi dengan bagaimana browser memuat website yang sudah kita buat dengan susah payah? Pernahkah kita merasa sudah melakukan berbagai optimasi di website kita namun hasilnya tetap saja tidak memuaskan? Nah, untuk mengetahui apakah hal yang sudah kita lakukan berada pada jalan yang benar maka pada tulisan ini kita akan sama-sama belajar memahami bagaimana browser memuat sebuah halaman website serta berbagai hal yang bisa kita optimasi dari website kita untuk memperbaiki performa rendering website kita di browser....

by Irfan Maulana

Yang Web Developers Harus Tahu Di #IO18

Google I/O 2018 Selesai sudah hajat tahunan Google Developers, Google IO 2018 di Mountain View yang menjadi ajang tahunan untuk mengundang para developers dari seluruh dunia untuk bisa mendapatkan update terkini terkait platform teknologi yang dimiliki Google dan berinteraksi dengan orang-orang di belakangnya sehingga para developers bisa membangun aplikasi atau fungsi di atas platform tersebut. Dan tulisan ini akan memberikan rekapan apa saja yang perlu kalian tahu terkait web platform dan bagaimana kalian sebagai pengembang bisa mengadopsi perkembangan tersebut....

by Yohan Totting

Progressive Web App — Aplikasi Web Yang Bisa Di Install — Bagian 1

Salah satu pengalaman yang sangat memudahkan pengguna aplikasi native dalam mengakses aplikasi yang mereka ingin gunakan adalah kemudahannya dalam men-launch aplikasi tersebut dengan semudah men-tap icon aplikasi di layar home smart phone mereka dan aplikasi langsung siap digunakan. Bandingkan dengan aplikasi web yang harus melakukan tap beberapa kali karena selain men-tap icon browser di layar home, tentu juga harus mengetikkan alamat URL dari aplikasi web tersebut. Ini yang membuat retention dan tingkat interaktifitas aplikasi web terkadang lebih kecil dibandingkan aplikasi native....

by Yohan Totting

Bagaimana Kulina Bisa Mendapatkan 41.000 Lebih Pelanggan Melalui Web

Website Kulina Pemilihan platform untuk produk startup merupakan hal krusial karena sumber daya startup yang sangat terbatas. Sehingga pemilihan platform haruslah yang bisa memberikan dampak baik kepada startup itu sendiri. Dan untuk Kulina, menawarkan layanan pengantaran makanan bukanlah hal yang mudah apalagi dengan adanya layanan serupa seperti Go-Food, walaupun secara model bisnis cukup berbeda. Go-Food adalah layanan on-demand, sedangkan Kulina berbasis langganan, dan hanya melayani makan siang saja dengan fokus konsumen orang kantoran....

by Yohan Totting

Yang Web Developers Harus Tahu #7

Edisi minggu pertama bulan Maret ini terlewat berhubung terlalu banyak hal lain yang harus dibereskan. Tapi semoga kalian tidak kelewat beberapa konten menarik seputar web development. Untuk melengkapi bacaan kalian, silakan dinikmati pilihan konten dalam 2 minggu terakhir. Berita Terbaru Stack Overflow 2018 Developer Survey Kapan developers bangun pagi? Stack Overflow sebagai sumber jawaban segala masalah programmer merilis hasil survey mereka terhadap developer, dan insight menarik bisa kalian temukan di sini terkait bagaimana tren, kondisi, dan gambaran developer global....

by Yohan Totting

Peluang dan Tantangan Web Developer

Selamat datang di tahun 2018, dimana website telah memasuki era baru. Kita akan memanggilnya dengan sebutan webapps (aplikasi web) dan bukan website lagi. Setiap developer berlomba untuk memberikan byte pertama tercepat. Forbes dengan situs mobile terbarunya merender dalam waktu 2.5 detik, konversi web BookMyShow’s naik sebesar 80% dan OLX telah melihat lebih dari 250% keterlibatan kembali dengan pengguna (re-engagement user) di situs mereka. Apa yang sebenarnya terjadi di dunia web?...

by Satya Kresna Adi Pratama