INTERAKSI MANUSIA DAN KOMPUTER

 Tugas Mandiri Pertemuan Ke 7

Nama : Junita Laras Wati

NIM : 3420230028

Fakultas Sains dan Teknologi

Jelaskan mengenai fungsi dan kegunaan dari library sweetalert https://sweetalert2.github.io/ dalam pemrograman web dan pertandingannya dengan normal alert!

Library SweetAlert2 adalah sebuah library JavaScript yang digunakan untuk membuat pesan alert yang lebih interaktif dan menarik daripada alert bawaan browser, seperti alert() atau confirm(). Library ini memungkinkan pengguna untuk menampilkan pesan alert dengan berbagai macam tampilan, animasi, dan opsi kustomisasi.

Berikut beberapa fungsi dan kegunaan dari SweetAlert2:

1. Tampilan yang Menarik: SweetAlert2 memungkinkan pengguna untuk menampilkan pesan alert dengan tampilan yang lebih menarik dan estetis, seperti pesan alert dengan gambar, animasi, dan efek-efek visual lainnya.

2. Pesan Interaktif: Library ini memungkinkan pengguna untuk membuat pesan alert yang lebih interaktif daripada alert bawaan browser. Misalnya, pengguna dapat menambahkan tombol-tombol aksi dengan tindakan khusus yang akan diambil ketika tombol tersebut diklik.

3. Opsi Kustomisasi: SweetAlert2 menyediakan berbagai opsi kustomisasi, seperti mengubah judul pesan, teks, ikon, warna latar belakang, dan banyak lagi, sehingga pengguna dapat menyesuaikan tampilan pesan alert sesuai dengan kebutuhan aplikasi web mereka.

4. Responsif: Pesan alert yang dihasilkan oleh SweetAlert2 dapat menyesuaikan ukurannya secara otomatis sesuai dengan konten yang ditampilkan di dalamnya, sehingga pesan alert akan tetap terlihat baik pada berbagai perangkat dan ukuran layar.

5. Callback Function: SweetAlert2 mendukung penggunaan callback function, yang memungkinkan pengguna untuk menjalankan kode tertentu setelah pengguna menutup pesan alert. Ini memungkinkan pengguna untuk melakukan tindakan tambahan, seperti memperbarui tampilan atau melakukan operasi tertentu setelah pengguna berinteraksi dengan pesan alert.

Pertandingannya dengan alert() bawaan browser adalah sebagai berikut:

1. Estetika: SweetAlert2 menawarkan tampilan yang lebih menarik dan estetis daripada alert() bawaan browser, yang umumnya memiliki tampilan yang sederhana dan kurang menarik.

2. Kustomisasi: SweetAlert2 menyediakan lebih banyak opsi kustomisasi daripada alert() bawaan browser. Pengguna dapat dengan mudah menyesuaikan tampilan dan perilaku pesan alert sesuai dengan kebutuhan mereka, sedangkan alert() bawaan browser memiliki kustomisasi yang terbatas.

3. Interaktivitas: SweetAlert2 memungkinkan pengguna untuk membuat pesan alert yang lebih interaktif dengan menambahkan tombol-tombol aksi dan menjalankan tindakan khusus ketika tombol tersebut diklik. Sementara alert() bawaan browser hanya menampilkan pesan statis tanpa opsi interaktif.

4. Responsif: Pesan alert yang dihasilkan oleh SweetAlert2 secara otomatis menyesuaikan ukurannya sesuai dengan konten yang ditampilkan di dalamnya, sementara alert() bawaan browser memiliki ukuran yang tetap dan mungkin tidak akan terlihat baik pada semua perangkat dan ukuran layar.

Dengan demikian, SweetAlert2 adalah pilihan yang baik bagi pengembang web yang ingin meningkatkan pengalaman pengguna dengan menampilkan pesan alert yang lebih menarik, interaktif, dan kustomisasi daripada alert() bawaan browser.