Menjelang WordCampWordCamp WordCamp adalah konferensi santai yang diselenggarakan secara lokal dan membahas segala sesuatu yang berkaitan dengan WordPress. WordCamp merupakan salah satu tempat komunitas WordPress berkumpul untuk saling mengajarkan apa yang telah mereka pelajari sepanjang tahun dan berbagi kebahagiaan. Pelajari selengkapnya. Europe, tim penyelenggara bekerja keras untuk meningkatkan WordCamp.org menjadi sebuah aplikasi web progresif (PWA).
Hal ini diterapkanDeploy Meluncurkan kode dari lingkungan pengembangan lokal ke server web produksi, sehingga kode tersebut tersedia bagi pengunjung. pada hari-hari menjelang acara, dengan penyesuaian yang dilakukan selama acara berlangsung. Tujuan proyek ini adalah menyediakan MVPMinimum Viable Product “Produk minimum yang layak (MVP) adalah produk dengan fitur yang cukup untuk memuaskan pelanggan awal dan memberikan masukan untuk pengembangan produk di masa mendatang.” – WikiPedia untuk WordCamp Europe 2019, lalu terus melakukan iterasi atas pekerjaan tersebut agar fitur-fitur PWA bermanfaat bagi semua WordCamp.
Status Saat Ini
Pekerjaan untuk fitur-fitur PWA awalnya dilakukan sebagai plugin mandiri dan kini telah digabungkan ke dalam repositori kode WordCamp.org. Pekerjaan ini menggunakan plugin fitur PWA sebagai kerangka dasar, lalu menambahkan beberapa kode khusus di atasnya. Untuk saat ini, fitur tersebut hanya aktif di situs WordCamp Europe 2019 karena belum siap digunakan secara lebih luas.
Fitur PWA yang meningkatkan situs ini adalah:
- Konten offline:
- Setelah Anda mengunjungi sebuah halaman saat online, halaman tersebut akan disimpan di perangkat Anda sehingga dapat diakses saat offline; misalnya jika WiFi tempat acara mengalami gangguan selama acara berlangsung. (Catatan 1, 2)
- Saat Anda offline dan mengunjungi halaman yang belum disimpan, Anda akan ditampilkan templat halaman khusus yang mencakup jadwal. Di masa mendatang, halaman ini juga akan memuat informasi penting tambahan, seperti tanggal dan lokasi acara.
- Penyimpanan cache aset statis. Berkas dan endpoint REST APIREST API REST API adalah singkatan dari RESTful Application Program Interface (API) yang menggunakan permintaan HTTP untuk GET, PUT, POST, dan DELETE data. REST API merupakan cara bagi bagian depan aplikasi (bayangkan “aplikasi ponsel” atau “situs web”) untuk berkomunikasi dengan penyimpanan data (bayangkan “basis data” atau “sistem berkas”)
https://developer.wordpress.org/rest-api/ yang tidak sering berubah (misalnya CSSCSS CSS adalah singkatan dari cascading style sheets. CSS mengatur desain atau tampilan dan nuansa sebuah situs., JavaScriptJavaScript JavaScript atau JS adalah bahasa pemrograman komputer berorientasi objek yang umum digunakan untuk membuat efek interaktif di dalam peramban web. WordPress banyak menggunakan JS untuk pengalaman pengguna yang lebih baik. Sementara PHP dijalankan di server, JS dijalankan di dalam peramban pengguna.
https://www.javascript.com, berkas gambar) disimpan dalam cache dengan lebih agresif, sehingga halaman dimuat lebih cepat pada kunjungan berikutnya. - Tambahkan ke layar utama. Anda dapat “menginstal” WordCamp.org di perangkat seluler, seperti saat menginstal aplikasi asli, sehingga Anda dapat mengaksesnya dengan cepat. Di masa mendatang, pengunjung yang telah menginstalnya mungkin dapat menyimpan semua konten secara offline atau mengakses peningkatan lainnya.
- Versi iOSiOS Sistem operasi yang digunakan pada iPhone dan iPad. yang lebih lama tidak mendukung fitur ini.
Selain fitur PWA tradisional tersebut, tim juga membuat templat halaman khusus “Hari Acara”. Templat ini dapat digunakan saat acara berlangsung untuk menampilkan jadwal sesi secara waktu nyata yang sedang berlangsung, sesi berikutnya, serta kiriman terbaru dari blog WordCamp. Templat ini tersedia bagi semua pengunjung, bahkan jika peramban mereka terlalu lama untuk mendukung fitur PWA.
Selain menambahkan situs ke layar utama, semua fitur di atas tersedia bagi pengunjung terlepas dari perangkat yang digunakan dan berfungsi dengan cara yang sama di komputer desktop dan laptop seperti pada perangkat seluler.
Beberapa fitur tambahan yang dibahas tetapi tidak sempat dibuat adalah:
- Penyimpanan cache offline untuk info sesi dan info pembicara secara default (yaitu tanpa harus mengunjungi halaman terkait terlebih dahulu)
- HeaderHeader Header situs Anda biasanya merupakan hal pertama yang dilihat orang. Masthead atau gambar header yang terletak di bagian atas halaman merupakan bagian dari tampilan dan nuansa situs web Anda. Hal ini dapat memengaruhi pendapat pengunjung tentang konten Anda serta merek Anda/organisasi Anda. Tampilannya juga dapat berbeda pada ukuran layar yang berbeda. dan footer situs yang dioptimalkan untuk seluler
- Notifikasi push untuk sesi mendatang yang telah ditandai pengguna sebagai favorit
- Notifikasi push untuk pengumuman penting
Terima kasih kepada semua orang yang telah terlibat dalam proyek PWA, baik dengan membuat desain, memberikan masukan tentang wireframe, memberikan panduan, menyumbangkan ide, maupun menulis kode:
@mburridge, @ziontrooper, @avillegasn, @Iceable, @tfrommen, @macloune, @marcusjwilson, @vdwijngaert, @westonruter, @hlashbrooke, @iandunn, @tjnowell, @jb510, @coreymckrill, @andreamiddleton, @sippis, @melchoyce, @karmatosed, @garyj, @webcommsat
Refleksi Proses
Sekarang setelah WordCamp Europe selesai, akan sangat membantu jika kita meninjau proses pengembangan dan bagaimana semuanya berjalan. Jadi, jika Anda terlibat dalam proyek ini dengan cara apa pun, masukan Anda di sini akan sangat berharga. Silakan berkomentar di bawah dengan menjawab pertanyaan-pertanyaan berikut:
- Apa yang berjalan baik dalam proyek pengembangan PWA? (Apa yang harus dilanjutkan?)
- Menurut Anda, apa yang tidak berjalan dengan baik? (Apa yang harus dihentikan?)
- Menurut Anda, apa yang dapat kita lakukan secara berbeda saat mengembangkan fitur atau alat baru untuk WordCamp.org? (Hal/praktik baru apa yang harus dimulai?)