EAS PBKK A

Nama: Donny Fitrado
NRP: 05111740000171
Kelas: PBKK A

Post kali ini dibuat untuk memenuhi evaluasi akhir semester (EAS) PBKK kelas A, yaitu mencoba untuk membuat website yang dapat bermanfaat bagi masyarakat di pandemi COVID-19 ini.  Saya dan rekan saya, Muhammad Luthfi Rahmatullah (05111740000038). membuat website Kawal COVID-19, dimana masyarakat dapat menggunakannya untuk melihat jumlah kasus positif COVID-19, lalu jumlah orang yang sembuh, serta jumlah orang yang meninggal karena COVID-19. Tidak hanya data yang ada di Indonesia, namun website ini memuat data kasus COVID-19 di seluruh dunia. Semua data yang dimuat pada website Kawal COVID-19 ini merupakan data yang real dan selalu update, karena data berasal dari website kawalcorona.com.

Website ini kami bangun dengan menggunakan CodeIgniter, serta dengan bantuan leaflet,js untuk memunculkan peta dalam pemetaan nasional serta global.

Ada beberapa page yang dapat dimanfaatkan:
1. Data Nasional
Dalam page data nasional, akan berisi data-data seperti jumlah kasus positif COVID-19, jumlah orang sembuh dari COVID-19, serta jumlah orang yang meninggal dari COVID-19. Untuk membedakan antara jumlah orang yang disebutkan di atas, digunakan warna kuning untuk jumlah kasus positif COVID-19, lalu warna hijau untuk jumlah orang yang sembuh dari COVID-19, lalu merah untuk jumlah orang meninggal dari COVID-19. Ilustrasinya adalah sebagai berikut:


Dapat dilihat juga bahwa ada data kasus berdasarkan provinsi, sehingga user dapat melihat data kasus secara detail untuk per provinsinya.  Tabelnya adalah sebagai berikut ini:

Tabel di atas dapat discroll hingga ke bawah hingga menampilkan semua provinsi yang memiliki kasus COVID-19.

2. Pemetaan Nasional
Dalam halaman pemetaan nasional, user dapat melihat lebih detail lagi mengenai daerah yang telah terkena COVID-19. Halaman ini memuat peta, lalu ada sebuah pointer yang apabila ditekan, maka akan muncul detail mengenai jumlah kasus yang ada di daerah tersebut. Mulai dari kasus positif, kasus sembuh, dan kasus meninggal. Sebagai gambaran, dapat dilihat di gambar berikut:
Apabila salah satu pointer ditekan, maka akan muncul detail data dari daerah tersebut:

Semua pointer yang ada pada setiap daerah dapat ditekan dan akan muncul detail kasus yang berbeda-beda.
Untuk memunculkan peta ini, kami menggunakan leaflet.js.

3. Data Global
Sama seperti halaman data nasional, pada halaman data global pun memuat informasi yang sama, namun ada perbedaan pada wilayah yang didata. Pada halaman ini, wilayah yang dimuat adalah negara-negara yang ada di seluruh dunia. Mulai dari US, Russia, Brazil, dan sebagainya.

Apabila discroll, maka akan muncul negara-negara lain dengan jumlah kasus yang berbeda antara satu negara dengan negara lainnya.

4. Pemetaan Global
Hampir sama juga dengan pemetaan nasional, pada halaman ini memuat peta yang berisi semua negara. Ada sebuah pointer pada setiap negara yang memiliki kasus COVID-19, dan apabila pointer tersebut diklik, maka akan muncul detail kasus COVID-19 mulai dari total positif, total sembuh, dan total meninggal. Ilustrasinya adalah sebagai berikut:

Website dapat diakses di link berikut: Website Kawal COVID-19

Untuk source codenya, dapat diakses pada link berikut: Souce Code Kawal COVID-19

Link Video Demo Website: Video Demo EAS PBKK - Kawal COVID 19

Sekian dari kelompok kami dan mohon maaf apabila ada kesalahan.

Comments

Popular posts from this blog

Tugas 2 - Pemrograman Web

Tugas PBO - Tech Support